Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Ukrywanie i pokazywanie div'a
Forum PHP.pl > Forum > Po stronie przeglądarki
vojtasek
Witam

Mam zrobione meniu na podtawie jqery i id w div. Używam sposobu show and hide. Ma to sens gdy menu ma 2 lub 3 pozycje ale jak ma 10 czy 15 to dla każdej opcji pisać ukryj pozostałe a wyświetl tą konkretną to jest powtarzanie kodu.

Wiec pytam. Czy można zrobić tak by za pomocą tego sposobu, możnaby ukrywać div aktualnie wyświetlany niezależnie od jego id a wyświetlić nowy w oparciu o id ukryte w linku aktualnie wybieranym?
Damonsson
Wszystkim div'om daj w css Display:none, a wybranemu za pomocą jQuery zmieniaj na Display: Block, czy co tam chcesz.
gecior
Cytat(vojtasek @ 30.09.2012, 14:42:58 ) *
Witam

Mam zrobione meniu na podtawie jqery i id w div. Używam sposobu show and hide. Ma to sens gdy menu ma 2 lub 3 pozycje ale jak ma 10 czy 15 to dla każdej opcji pisać ukryj pozostałe a wyświetl tą konkretną to jest powtarzanie kodu.

Wiec pytam. Czy można zrobić tak by za pomocą tego sposobu, możnaby ukrywać div aktualnie wyświetlany niezależnie od jego id a wyświetlić nowy w oparciu o id ukryte w linku aktualnie wybieranym?


Robisz to tak:

HTML

  1. <ul class="menu">
  2. <li>
  3. <p>Test 1</p>
  4. <ul>
  5. <li> pozycja</li>
  6. <li> pozycja</li>
  7. <li> pozycja</li>
  8. <li> pozycja</li>
  9. <li> pozycja</li>
  10. <li> pozycja</li>
  11. <li> pozycja</li>
  12. </ul>
  13. </li>
  14. <li>
  15. <p>Test 2</p>
  16. <ul>
  17. <li> pozycja</li>
  18. <li> pozycja</li>
  19. <li> pozycja</li>
  20. <li> pozycja</li>
  21. <li> pozycja</li>
  22. <li> pozycja</li>
  23. <li> pozycja</li>
  24. </ul>
  25. </li>
  26. </ul>


  1. $(function (){
  2. $('.menu ul').hide();
  3. $('.menu p').click(
  4. function(){
  5. $(this).next().toggle();
  6. }
  7. );
  8. });


i wsio
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.