0

对的人,

在与 JQuery Accordion 尝试做我想做的事情之后,我认为隐藏所有辅助 UL 并仅在我的 CMS 在 lis 上自动设置的类后才扩展它们将是最简单的事情。我想拥有手风琴类型的功能,但是当特定的 ul 处于活动状态时,它必须展开/向下滑动。我已经意识到典型的 JQuery 手风琴不适合,因为我不会在 CMS 菜单输出中显示切换 li。

菜单代码在这里:

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

-- 更新了 Fiddle 以准确显示我的意思,我只希望带有 currentbranch1 的辅助 UL 滑下

使用这段代码,基本上任何具有跨度类“currentbranch1”的东西都应该向下滑动,其余的应该保持隐藏。我一直在查看示例 JQuery 代码,甚至完全不知从何开始,我不是 JS 程序员 :)。所以不幸的是,上面是我最好的尝试。如果有人有任何建议,将不胜感激。:)

干杯

缺口

4

1 回答 1

2

这很简单。你需要反过来做。找到具有类“currentbranch1”的元素并向上遍历到“multilevel-linkul-0”父级并告诉它向下滑动。

代码

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

这是Fiddle 的一个例子

于 2013-02-28T13:00:27.400 回答