Otóż mam menu:

[HTML] pobierz, plaintext 
<div id="menu">
            <ul>
                <li>
                    <a id="link1" href='#'>Element 1</a>
                    <ul class="submenu" id="sub1">
                        <li><a href="#">Jeden</a></li>
                        <li><a href="#">Dwa</a></li>
                        <li><a href="#">Trzy</a></li>
                    </ul>
                </li>
                <li>
                    <a id="link2" href='#'>Element 2</a>
                        <ul class="submenu" id="sub2">
                        <li><a href="#">Jeden</a></li>
                        <li><a href="#">Dwa</a></li>
                        <li><a href="#">Trzy</a></li>
                    </ul>
                </li>
                <li>
                    <a id="link3" href='#'>Element 3</a>
                    <ul class="submenu" id="sub3">
                        <li><a href="#">Jeden</a></li>
                        <li><a href="#">Dwa</a></li>
                        <li><a href="#">Trzy</a></li>
                    </ul>                
                </li>
                <li>
                    <a id="link4" href='#'>Element 4</a>
                    <ul class="submenu" id="sub4">
                        <li><a href="#">Jeden</a></li>
                        <li><a href="#">Dwa</a></li>
                        <li><a href="#">Trzy</a></li>
                    </ul>                    
                </li>
            </ul>
        </div>
[HTML] pobierz, plaintext 

no i teraz mam pytanie. Jak zrobic w jQuery taki myk, zeby po kliknieciu powiedzmy w link1 rozwinelo sie submenu o id sub1, w link2 -> sub2 itd. rekurencyjnie. Budowanie w jQuery oddzielnego kodu dla kazdego przypadku zwieksza wage skryptu. Biorac pod uwage fakt ze jest to tylko szkielet musze brac na poprawke mozliwosc znacznego rozbudowania. Wszyscy mowili ze jQuery jest takie fajne w czystym js daloby rade napisac funkcje ktora by to robila ze wzgl na podane parametry. Czy w jQuery da rade zrobic cos podobnego? Czy pozostaje mi tylko budowa funkcji w js, ktora bedzie tworzyla odpowiednie wywolanie funkcji w jQuery?

I jest fajne, tylko trzeba zrozumieć, w jaki sposób możesz poruszać się po drzewie DOM.


W Twoim przypadku, to nie jest rekurencja, tylko takie podpinanie zdarzeń, aby nie było potrzeby pisania uchwytu dla każdego linka z osobna.

Z palca:

teraz sztuka polega na tym zeby zrozumiec
tak wiec po kliknieciu wywolywana jest funkcja do której jest przekazywane zdarzenie.
preventDefault? anuluje zdarzenie jesli to mozliwe... po co to?
$(this) -> wskazuje na wybrany element
.parent() -> po co?
.find('u') -> czaje
.slideDown() czaje

To zapobiega realizacji domyślnej funkcji zdarzenia, czyli przejścia do linku. W Twoim przypadku jest to "#", a to chyba może działać tak, że będzie Cie przenosić na samą górę strony, a tego nie chcemy

yhm dosyc ciekawe jeszcze enigmatyczna kwestia jest tylko dla mnie po co ten parent()?



zmieniłem na:


i juz smiga dziekowa

a na sam koniec zrobilem tak:

i działa we dwie strony
i jeszcze jedno pytanko. Bo kiedy zrobie tak:

to nie zawsze dziala rozwijanie. Tzn. kidy klikam na <li>ponizsze to ladnie, a kiedy na <li> wyzsze od aktualnie kliknietego to dopiro za drugim razem dziala. Jak mam "wyrzucic" z slideUp aktualnie kliknietego <li>?

Literówka; miałem na myśli listę.


Strzelam, że jest to powiązane z selektorami. > nakazuje przeszukiwanie dla najbliższego podrzędnego poziomu, a bez tego selektora - wszystkie dzieci o takim tagu; nawet "dzieci dzieci".