javascript - 根据一个子jQuery单独隐藏下拉菜单

Question

所以我在 JQuery 中有多个下拉切换状态（隐藏和显示），但我有一些代码告诉侧栏哪个页面处于活动状态并为其提供活动样式，我希望下拉菜单不被隐藏如果有一个孩子在里面活动。

如果您单击以查看下拉列表的顶级链接，如果它有一个活跃的孩子，那么它的 ID 为“HAC”（有活跃的孩子），但我想我可能会为此烧掉我的大脑。

这是一个带有问题的工作演示的 jsfiddle 页面。

下拉菜单在导航中是这样设置的

<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 选择器。这是您的小提琴的更新

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