JQuery скрывает UL и расширяет только один раз определенный набор классов (немного как аккордеон)

Question

Правые люди,

После борьбы с JQuery Accordion, пытаясь сделать то, что я хочу, я думаю, что было бы проще всего спрятать все вторичные UL и расширить их только один раз, когда мой CMS автоматически устанавливает класс lis. Я хочу иметь функциональность аккордеонного типа, но она должна расширяться / опускаться, когда этот конкретный ul активен. Я понял, что типичный аккордеон JQuery не подойдет, так как мне не придется переключать li в выводе меню CMS.

Код меню здесь:

<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();
});

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

- Обновлен Fiddle, чтобы показать именно то, что я имею в виду, я хочу, чтобы вторичный UL с currentbranch1 для slideDown

С этим кодом в основном все с классом span "currentbranch1" должно быть slideDown, а остальное должно оставаться скрытым. Я смотрю на пример кода JQuery и совершенно не знаю, с чего начать, я не программист JS:) . К сожалению, выше, мой лучший удар в этом. Если у кого-то есть какие-либо советы, это будет высоко ценится.:)

ура

Ник

Answer 1

Это просто. Вы должны сделать это наоборот. Найдите элемент с классом "currentbranch1" и пройдите до родительского элемента "multilevel-linkul-0" и скажите, чтобы он скользил вниз.

Код

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

Вот пример Fiddle.