Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jquery] jak uruchomić z rozwiniętym menu
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
p_rzemon
Witam, mam proste menu rozwijane.

  1. <div id="firstpane" class="menu_list">
  2. <p class="menu_head" id="1">pozycja 1</p>
  3. <div class="menu_body">
  4. <a href="1.html">lista 1</a>
  5. <a href="2.html">lista 2</a>
  6. <a href="3.html">lista 3</a>
  7. </div>
  8. <p class="menu_head" id="2">pozycja 2</p>
  9. <div class="menu_body">
  10. <a href="4.html">lista 4</a>
  11. <a href="5.html">lista 5</a>
  12. <a href="6.html">lista 6</a>
  13. </div>
  14. </div>
  15. </div>


do tego skrypt

  1. $(document).ready(function()
  2. {
  3. //slides the element with class "menu_body" when paragraph with class "menu_head" is clicked
  4. $("#firstpane p.menu_head").click(function()
  5. {
  6. $(this).css({backgroundImage:"url(./images/manuopen.gif)"}).next("div.menu_body").slideToggle(500).siblings("div.menu_body").slideUp("slow");
  7. $(this).siblings().css({backgroundImage:"url(./images/menu.gif)"});
  8. });
  9. //slides the element with class "menu_body" when mouse is over the paragraph
  10. $("#secondpane p.menu_head").mouseover(function()
  11. {
  12. $(this).css({backgroundImage:"url(./images/manuopen.gif)"}).next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow");
  13. $(this).siblings().css({backgroundImage:"url(./images/manu.gif)"});
  14. });
  15. });



proszę o podpowiedź co muszę zmienić (jaką funkcję dopisać) żeby uruchamiając 4.html było otwarte "pozycja 2"
kamil4u
Opisz dokładniej jak to teraz wygląda - co się dzieje. Po mam 3 różne koncepcje smile.gif
Najlepiej daj przykład - demo.
p_rzemon
menu zwinięte:

pozycja 1
pozycja 2

jak klikam np. pozycja 1 to ładnie płynnie się rozwija i mam

pozycja 1
- lista 1
- lista 2
- lista 3
pozycja 2

do tej pory rozwianie działa ok. ale jak uaktywniam link np. "lista 2" - przeładowuje się strona i menu znów jest zwinięte:

pozycja 1
pozycja 2

Chciałbym żeby żeby pozostało rozwinięte.
kamil4u
W pliku 4.html musisz dodać coś w stylu: $("#firstpane #2).click();

Z tym, że id nie może być liczbą i same przypisanie zdarzenia click musi być wcześniej.
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.