jquery - ネストされた標準の拡張可能なメニュー（アコーディオン）の動作

Question

ここでnoaccordianモードにある単純なアコーディオンスクリプトを使用して、ここでの標準の拡張可能なメニューの例のように動作していますが、クラスの下のネストされたメニューはnoaccordianクラスを尊重せず、アコーディオンとして動作しています。これを防ぐにはどうすればよいですか？

ネストされたメニューに、複数のセクションを開く機能も持たせたいです。

Answer 1

Classes メニュー内のネストされた ul にも class="noaccordion" を追加する必要があると思います。例えば：

<li> <a href="#">Classes</a>
    <ul class="menu nestedmenu acitem noaccordion">

      <!-- Repeat this LI -->
      <li><a href="#">Built-in Electric &amp; Gas Ovens</a>
        <div class="acitem panel">
          <ul class="noaccordion">
            <li>
              <label>
                <input type="checkbox" name="cat[]" value="17" class="ovens" />
                Electric: Double</label>
            </li>
            <li>
              <label>
                <input type="checkbox" name="cat[]" value="18" class="ovens" />
                Electric: with Microwave</label>
            </li>
            <li>
              <label>
                <input type="checkbox" name="cat[]" value="25" class="ovens" />
                Gas: Single</label>
            </li>
            <li>
              <label>
                <input type="checkbox" name="cat[]" value="16" class="ovens" />
                Electric: Single</label>
            </li>
          </ul>
        </div>
      </li>...

あなたが望んでいることを理解しているので、それが機能することを示す簡単なフィドルを作成しました。noaccordion コードは最初のいくつかの項目にのみ適用しました。