0

正しい人々、

JQuery アコーディオンと戦った後、すべてのセカンダリ UL を非表示にして、CMS が lis に自動的に設定するクラスを一度だけ展開するのが最も簡単だと思います。アコーディオン タイプの機能が必要ですが、その特定の ul がアクティブなときに展開/スライド ダウンする必要があります。CMS メニュー出力にトグル Li が表示されないため、典型的な JQuery アコーディオンは適していないことに気付きました。

メニューコードはこちら：

<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 だけを slideDown

このコードでは、基本的にスパン クラス "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();
});

これがフィドルの例です。

于 2013-02-28T13:00:27.400 に答える