Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jquery] Menu rozwijane z dodaniem klasy.
Forum PHP.pl > Forum > Po stronie przeglądarki
dominick
Witam serdecznie, problem polega na tym, że mamy menu podane niżej. Jest to menu wielopoziomowe (3) i chce aby po kliknięciu w któryś link z menu i po przejściu na podstronę cały ul w którym był odnośnik był widoczny.

  1. <ul id="menu">
  2. <li>1</li>
  3. <li>2</li>
  4. <ul id="submenu">
  5. <li>2.1</li>
  6. <li>2.2</li>
  7. </ul>
  8. <li>3</li>
  9. </ul>


Chciałbym aby po kliknięciu w np. 2.2 dodana była klasa active to tego li a ul o id submenu miało display block. Strona się przeładuje więc musi to jakoś przypisać tą klasę.
Prościej pisząc: wchodzę w link 2.2 i na tej podstronie submenu jest rozwinięte.
slash^
http://jsfiddle.net/70hL9nk6/
dominick
Dzięki, myślałem podobnie i właśnie szukałem info o JQuery czy można znaleźć rodzica. Pozostaje jeszcze problem aby po kliknięciu w 2.1 usuneło klasę active z 2.2 i przypisało do 2.1 - Strona się przeładuje więc trzeba chyba coś w tablicy get podać i potem odczytać.
slash^
Skoro robisz przeładowanie strony to co masz za problem porównać if ( $_GET['strona'] == '2.1' ) echo ' class="active" ' ;
Przecież samo active przy poprzednim zaznaczeniu Ci się nie wyświetli, więc problem usunięcia class z 2.2 nie występuje.
dominick
Robie szablon wordpress od podstaw i nie jestem pewien czy będę mógł dodać pehapa do klasy w wp ale już się biorę za sprawdzanie.
tzm
To dodaj ciastko w JS... co za problem? Poza tym wystarczy że na każdej stronie zrobisz zmienną taką samą jak atrybut w elemencie listy i wtedy na ready możesz go szukać w menu uprzednio kasując wszystkie active z grupy. Nic trudnego smile.gif
dominick
wolalbym nie wykorzystaywac do tego ciastek, a wszystko zostawic po stronie serwera. Z tą zmienna możesz rozwinąć?
tzm
https://jsfiddle.net/f00dLvLm/1/

tylko ze w script zamiast home zrobic echo z php jaka to strona i dziala. dopasuj sobie albo Ci pomoge jak bedzie chwila
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.