Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JQuery] Co zmienić aby zakładki się zwijały?
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
mesteken
Robiłem zakładki na swoją stronę z tego poradnika http://www.frycu.com/blog/2008/11/proste-zakladki-w-jquery/
Efekt końcowy jest taki jak na przykładzie: http://www.frycu.com/blog/przyklady/simple...-accordion.html

Teraz nasuwa się pytanie, co zrobić aby zakładka z rozwiniętą treścią chowała się zamiast chwilowo chować i od razu rozwijać po kliknięciu na nią?
Problem chyba musi być tutaj, chociaż nie wiem, to jest mój pierwszy raz z js, ze stylami css itp.

  1. <script type=?text/javascript?>
  2.  
  3. $(function(){
  4.  
  5. // zapętla każdy link
  6.  
  7. $(?a.acctitle?).each(function(){
  8.  
  9. // dodaje event przy kliknięciu
  10.  
  11. $(this).click(function(){
  12.  
  13. // chowa wszystkie div-y z klasą accContent
  14.  
  15. $(?.accContent?).each(function(){
  16.  
  17. $(this).hide(?slow?);
  18.  
  19. });
  20.  
  21. // główny punkt skryptu - Pobiera atrybut ref z
  22.  
  23. // linkowanego tytułu i wyświetla ukrytego div-a z tym id
  24.  
  25. $(?#?+$(this).attr(?ref?)).show(?slow?);
  26.  
  27. return;
  28.  
  29. });
  30.  
  31. });
  32.  
  33. });
  34.  
  35. </script>


Dziękuję za pomoc.
erix
Sprawdź sobie cudzysłowy...
mesteken
Nie wiem, dlaczego skopiowało się bez cudzysłowów
Poprawka:
  1. <script type=&#8221;text/javascript&#8221;>
  2.  
  3. $(function(){
  4.  
  5. // zapętla każdy link
  6.  
  7. $(a.acctitle).each(function(){
  8.  
  9. // dodaje event przy kliknięciu
  10.  
  11. $(this).click(function(){
  12.  
  13. // chowa wszystkie div-y z klasą accContent
  14.  
  15. $(.accContent).each(function(){
  16.  
  17. $(this).hide(slow);
  18.  
  19. });
  20.  
  21. // główny punkt skryptu - Pobiera atrybut ref z
  22.  
  23. // linkowanego tytułu i wyświetla ukrytego div-a z tym id
  24.  
  25. $(#+$(this).attr(ref)).show(slow);
  26.  
  27. return;
  28.  
  29. });
  30.  
  31. });
  32.  
  33. });
  34.  
  35. </script>
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.