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'....

No jak ma być, skoro:

[JAVASCRIPT] pobierz, plaintext 
$(this).next().slideToggle();
[JAVASCRIPT] pobierz, plaintext 

- rozwijasz tylko pierwszy element?

tyle to ja wiem, a moze jakas drobna podpowiedz jakiej funkcji powienienem uzyc ?

czy <dl> nie powinno miec par <dd> i <dt>?
lepiej bazowac na czyms w stylu

[HTML] pobierz, plaintext 
<ul>
   <li><a /></li>
   <li><a />
      <ul>
         <li><a /></li>
         <li><a /></li>
      </ul>
   </li>
   <li>...
</ul>
[HTML] pobierz, plaintext 

i js

[HTML] pobierz, plaintext 
$('ul a').click(function(){
   $(this).siblings('ul').slideToggle();
   return false;
});
[HTML] pobierz, plaintext 

ewentualnie <a /> moze byc wzbogacone klasa zeby precyzyjniej dopisywac js

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

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


nextAll

Uzylem nextAll, ale teraz z menu dzieja sie naprawde dziwne rzeczy, gdy klikam na nizsze linki niz 'projekty' to reszta znika, zreszta tak samo dzieje sie jak klikam na projekty, pojawiaj sie potomstwo, ale znikaja publikacje zespol i kontakt......chyba rzeczywiscie lepiej to zrobic zagniezdzajac ul, li


A jak przy uzyciu nextAll ograniczyc to tylko do elementow <dd> ?

A zajrzałeś chociaż do manuala, czy nextAll nie ma przypadkiem parametru?

Zajrzalem ale dopiero teraz znalazlem przyklad z parametrem

---------------------------------------------------------------

Dopiero teraz zauwazylem ze pojawil sie jeszcze jeden problem......

Mianowicie gdy klikam na 'Aktualnosci' to tez rozwija sie to co jest pod 'projektami' a nie powinno tak byc, jak temu zapobiec ?

Ok, juz wszystko rozwiazalem, pozdrawiam.....