根据一个孩子jquery单独隐藏下拉菜单

Question

所以我痛苦地在JQuery中获得了多个下拉切换状态（隐藏和显示）但是我有一些代码告诉边栏哪个页面处于活动状态并且它的样式是活动的，我想要下拉到如果儿童活跃，则不要隐藏。

如果它有一个活跃的孩子，你点击查看下拉列表的顶级链接会被赋予id“HAC”（有活跃的孩子），但我想我可能正在烧掉我的大脑。

Here's a jsfiddle page with the working demo of the problem.

下拉列表在导航

中设置如下

<ul id="HAC" class='topLevel'>                
   <li class='subItem'>
       <a class="active" href='thatpage.php'>That page</a>
   </li>
   <li class='subItem'>
       <a href='thatotherpage.php'>That other page</a>
   </li>
</ul>

提前感谢任何帮助

Answer 1

我认为你要找的是jQuery :not selector。这是an update to your fiddle

function dropDowns() {
    //for each toplevel li a
    $(".topLevel:not(#HAC) li a").each(function() {
        //hide subitems if not HAC (has active children)
            $(this).hide();
    });
    //Toggle show them on click
    clickToggle();
}