Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript]JS wysuwanie i chowanie panelu
fcppl
post
Post #1





Grupa: Zarejestrowani
Postów: 116
Pomógł: 0
Dołączył: 11.04.2010

Ostrzeżenie: (0%)
-----


Witam,

Pytanie dla wiekszosci banalne, ale ja mam spore problemy bo z JS to nie miałem nigdy do czynienia.

Posiadam gotowy skrypt sciagniety z netu dla FB, boczny wysuwany panel po najechaniu myszka. Chciałem to tylko przerobic zeby wysuwal sie po kliknieciu i chowal po ponownym kliknieciu

Oto kod js

  1. jQuery(function($){
  2.  
  3. $("#facebook").css("left","-387px");
  4.  
  5. $("#facebook").hover(function(){
  6.  
  7. $("#facebook").animate({left: "0px"}, 500 );
  8. $(this).addClass("zamknij");
  9. return false;
  10. },
  11. function(){
  12. $("#facebook").animate({left: "-387px"}, 500 );
  13. $(this).removeClass("zamknij");
  14. return false;
  15. });
  16.  
  17. });


w miejscu

  1. $("#facebook").hover(function(){


.hover zmieniam na .click i działa jezeli klikam , ale nie wiem juz jak zrobic zeby schwał sie po ponownym kliknieciu bo teraz to nie dziala. Probowałem cos sam zrobic jednak nie daje rady.

Prosze o pomoc
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 2)
Evinek
post
Post #2





Grupa: Zarejestrowani
Postów: 280
Pomógł: 46
Dołączył: 23.03.2010

Ostrzeżenie: (0%)
-----


http://api.jquery.com/toggle/

Toggle może pomoże tylko ja jestem początkujący w jQuery i nie wiem jak dokładnie to ułożyć.

Trzeba użyć click i wtedy wykonać funkcję toggle która wykona chowanie/pokazywanie.

Mam nadzieje, że Ci się uda.

Pozdrawiam Paweł.
Go to the top of the page
+Quote Post
CuteOne
post
Post #3





Grupa: Zarejestrowani
Postów: 2 958
Pomógł: 574
Dołączył: 23.09.2008
Skąd: wiesz, że tu jestem?

Ostrzeżenie: (0%)
-----


Mały przykład

[JAVASCRIPT] pobierz, plaintext
  1.  
  2. var a = false;
  3.  
  4. obj.click(function() {
  5.  
  6. if(a === true) {
  7.  
  8. alert('Click');
  9. a = false;
  10. }
  11. else {
  12.  
  13. alert('Click 2');
  14. a = true;
  15. }
  16. });
[JAVASCRIPT] pobierz, plaintext
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 20.08.2025 - 06:13