[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]

No jak ma być, skoro:

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

- rozwijasz tylko pierwszy element?

[Wolfie]

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

[seth-kk]

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

[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

[Wolfie]

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

Ten post edytował Wolfie 5.09.2009, 13:12:56

[erix]

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

[Wolfie]

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

Ten post edytował Wolfie 5.09.2009, 16:02:01