[HTML][jQuery] Rozwijane meny Opcje

[Wolfie]

Witam,


Chce zrobic rozwijane menu, jego struktura wyglada tak :

[HTML] pobierz, plaintext 
<div id="MENU">
            <dl>
                <dt><a href="aktualnosci.html">Aktualnosci</a></dt>
                <dt><a href="#">Projekty</a></dt>
                    <dd><a href="architekrutra.html">Architektura</a></dd>
                    <dd><a href="wnetrza.html">Wnetrza</a></dd>
                    <dd><a href="wzornictwo.html">Wzornictwo</a></dd>
                    <dd><a href="grafika.html">Grafika</a></dd>
                    <dd><a href="inne.html">Inne</a></dd>
                <dt><a href="publikacje.html">Publikacje</a></dt>
                <dt><a href="zespol.html">Zespół</a></dt>
                <dt><a href="kontakt.html">Kontakt</a></dt>
            </dl>
        </div>
[HTML] pobierz, plaintext 

No i teraz w celu rozwijania uzywam jquery :

[HTML] pobierz, plaintext 
$(document).ready(function() {
    $("#MENU").find('dd').hide().end().find('dt').click(function() {
        $(this).next().slideToggle();
    });
});
[HTML] pobierz, plaintext 

Ale cos jest nie tak w kodzie jquery bo po nacisnieciu w menu zakladki 'projekty' pojawia sie tylko pierwsza zakladka <dd> o nazwie architektura......reszta sie nie rozwija, a chce zeby od razu wszystkie byly widoczne po nacisnieciu 'projkety'....

[erix]

czy <dl> nie powinno miec par <dd> i <dt>?

Nie musi, z tego co pamiętam. ;]

No tak najlepiej by było, żeby listą nieuporządkowaną.

a moze jakas drobna podpowiedz jakiej funkcji powienienem uzyc ?

nextAll