JQuery versteckt ULs und erweitert nur eine bestimmte Klasse (etwas wie ein Akkordeon)

Leute,

Nachdem ich mit einem JQuery-Akkordeon gekämpft habe und versucht habe, das zu tun, was ich will, denke ich, dass es am einfachsten ist, alle sekundären ULs zu verstecken und sie nur dann zu erweitern, wenn mein CMS sie automatisch auf lis setzt. Ich möchte Akkordeon-Funktionalität haben, aber es muss erweitert / nach unten verschoben werden, wenn diese bestimmte ul aktiv ist. Ich habe festgestellt, dass ein typisches JQuery-Akkordeon nicht geeignet ist, da ich das Vorhandensein von li in der CMS-Menüausgabe nicht umschalten muss.

Menücode hier:

<ul id="amenu">
  <li><a href="anotherpage.html">Home</a></li><li><span class="currentbranch0">
      <a href="anotherpage2.html">Content</a></span>
        <ul class="multilevel-linkul-0" title="">
           <li><a href="subpage.html">Content 2</a></li>
           <li><span class="currentbranch1"><a href="subpage.html">Content 3</a></span></li>
       </ul>
  </li>

//How to target this command to multilevel-linkul-0 class?
$(function(){
      $('ul li ul').slideDown();
});

(Geige:http://jsfiddle.net/Dmhcq/5/)

- Fiddle wurde aktualisiert, um genau zu zeigen, was ich meine. Ich möchte nur, dass die sekundäre UL mit currentbranch1 nach unten rutscht

Mit diesem Code sollte grundsätzlich alles mit der Span-Klasse "currentbranch1" slideDown und der Rest ausgeblendet bleiben. Ich habe mir Beispiel-JQuery-Code angesehen und bin völlig ratlos, selbst wenn ich anfangen soll. Ich bin kein JS-Programmierer :). Also oben ist leider mein bester Stich drauf. Wenn jemand einen Rat hat, wäre er sehr dankbar. :)

Prost

Nick

Antworten auf die Frage(1)

Ihre Antwort auf die Frage