Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][CSS]Zwijanie / rozwijanie
Forum PHP.pl > Forum > Przedszkole
miras
Witam, mam taki: http://jsfiddle.net/WmAkc/ skrypt do zwijania / rozwijania diva.. problem polega na tym, że jeżeli raz się kliknie zwiń a poźniej rozwiń i znowu zwiń to już zostaje cały czas tekst "zwiń" a powinien się zmienić znowu na rozwiń.. co może być zle ?
Greg0
Ja bym na ten button nadał klase ogólną a potem dodawał na zmianę klasę zwin i rozwin. Dodatkowo jedno zdarzenie click na przycisk wystarczy.
http://jsfiddle.net/WmAkc/158/
martex
ostatnio był taki post z tydzien temu podawalem kod podam jeszcze raz :/
zapodaj nowe jquery i dzialaj

  1. <!doctype html>
  2. <html lang="pl">
  3. <head>
  4. <meta charset="utf-8" />
  5.  
  6. <script src="jquery.js"></script>
  7. </head>
  8. <body>
  9.  
  10. <div id="przycisk">OPEN</div>
  11. <div id="formularz">
  12.  
  13. <form method="#" action="#">
  14. <input type="text" value="sds"><br />
  15. <textarea></textarea>
  16. </form>
  17. </div>
  18.  
  19. <script type="text/javascript">
  20. $(document).ready(function (){
  21.  
  22. //Gdy dokument zosstanie załadowany, jQuery ukryje div o id="formularz"
  23. $("#formularz").hide();
  24. //Gdy zostanie kliknięty div o id="przycisk", jQuery wysunie lub wsunie div z formularzem
  25. $("#przycisk").click(function(){
  26. $("#formularz").slideToggle(650 )
  27. })
  28. });
  29. </script>
  30.  
  31.  
  32. </body>
  33. </html>
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.