Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js] jQuery: expand/collapse all
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
AndyPSV
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3. <script src="http://code.jquery.com/jquery-latest.js"></script>
  4.  
  5.  
  6. p { width:400px; }
  7. </style>
  8. </head>
  9.  
  10. $(document).ready(function(){
  11.  
  12. $("#id_1").click(function () {
  13. $("#1").slideToggle("slow");
  14. });
  15.  
  16. });
  17.  
  18. $(document).ready(function(){
  19.  
  20. $("#id_2").click(function () {
  21. $("#2").slideToggle("slow");
  22. });
  23.  
  24. });
  25. </script>
  26. <a href=# id=id_1>Toggle</a>
  27. <div id=1 style='display:none;'>
  28. This is the paragraASASASASASraphs. You
  29. should feel <em>lucky</em> to have seen such a paragraph in
  30. your life. Congratulations!
  31. </div>
  32.  
  33. <a href=# id=id_2>Toggle2</a>
  34. <div id=2 style='display:none;'>
  35. This is the paragra21212212222aphs. You
  36. should feel <em>lucky</em> to have seen such a paragraph in
  37. your life. Congratulations!
  38. </div>
  39. </body>
  40. </html>


w jaki sposob to zrobic do tego kodu ?
webdice
Jeden problem, jeden temat. Założysz jeszcze jeden i dostaniesz moderacje postów. Kontynuuj w poprzednio założonym wątku.
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.