jQuery, i mały problem Opcje

[Manwe89]

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 (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) 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?

[Manwe89]

yhm (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) dosyc ciekawe (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) jeszcze enigmatyczna kwestia jest tylko dla mnie po co ten parent()? (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)

Z palca:

Kod

$(document).ready(function(){
      $('#menu > a').click(function(e){
         e.preventDefault();
         $(this).parent().find('u').slideDown();
      });
   });

zmieniłem na:

Kod

$(document).ready(function(){
      $('#menu > ul > li> a').click(function(e){
         e.preventDefault();
         $(this).parent().find('ul').slideDown();
      });
   });

i juz smiga (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) dziekowa (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

a na sam koniec zrobilem tak:

Kod

$(document).ready(function(){
    $('#menu > ul > li> a').toggle(
     function(e){
        e.preventDefault();
        $(this).parent().find('ul').slideDown();
     },
     function(e){
       e.patrentDefault();
       $(this).parent().find('ul').slideUp();
     })
});

i działa we dwie strony (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
i jeszcze jedno pytanko. Bo kiedy zrobie tak:

Kod

$(document).ready(function(){
    $('#menu > ul > li> a').toggle(
     function(e){
        e.preventDefault();
       $('#menu > ul > li > ul').slideUp();
        $(this).parent().find('ul').slideDown();
     },
     function(e){
       e.patrentDefault();
       $(this).parent().find('ul').slideUp();
     })
});

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>?

Ten post edytował Manwe89 2.04.2009, 12:36:55