JQuery的隐藏上行线路及仅扩大一次特别的类集合(像手风琴位)(JQuery hide ULs a

2019-08-17 06:04发布

权人,

用JQuery的手风琴试图做我想做什么,我想隐藏所有二级UL的其中只有一次扩大一类我CMS自动设置LIS将是最简单的事情争夺后。 我想有手风琴类型的功能,但它必须扩大/滑下时特别UL是活动的。 我已经意识到,一个典型的JQuery手风琴并不适合,因为我不会有切换李时珍在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();
});

(小提琴: http://jsfiddle.net/Dmhcq/5/ )

- 更新小提琴显示正是我的意思,我只是想辅UL与currentbranch1到了slideDown

有了这个代码,基本上与跨类“currentbranch1”有什么要了slideDown,其余应保持隐藏。 我一直在寻找样本jQuery代码和茫然是完全甚至从哪里开始,我不是一个程序员JS :)。 因此,不幸的是上面在我最好的刺。 如果任何人有任何意见,将不胜感激。 :)

干杯

缺口

Answer 1:

这很简单。 你需要周围的人它的其他方式。 发现有类“currentbranch1”的元素和穿越到“多级linkul-0”父母告诉滑下。

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

下面是一个小提琴的例子 。



文章来源: JQuery hide ULs and only expand once particular class set (bit like an accordion)