1

そのため、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>

助けてくれてありがとう

4

1 に答える 1

1

あなたが探しているのはjQuery :not selectorだと思います。これがフィドルの更新です

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();
}
于 2013-09-13T04:11:22.863 に答える