Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]JS wysuwanie i chowanie panelu
Forum PHP.pl > Forum > Przedszkole
fcppl
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
Evinek
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ł.
CuteOne
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
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.