根據一個子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();
}