1

私はアコーディオンを作ろうとしていますが、クラス current-category を持つ H4 要素を最初に展開したいと考えています。

私のコード:

$(function() {
     $( "#category-accordion" ).accordion();
     if ($('h4').hasClass("current-category")) {
        $( "#category-accordion" ).accordion("activate", $('.current-category')); }
});

はい、私は初心者です。

前もって感謝します！

4

1 に答える 1

2

activateパネルがアクティブ化されたときにトリガーされるイベント[docs]です。開きたい要素のインデックスを取るactiveオプション[docs]を使用したいと思います。

$("#category-accordion").accordion({
    active: $("#category-accordion > div").index($('h4.current-category').next())
});

あなたのHTMLは次のようになっていると思います：

<div id="category-accordion">
    <h4>Section 1</h4>
    <div>...</div>
    <h4>Section 2</h4>
    <div>...</div>
</div>

デモ

通常、jQuery のドキュメントには、このような問題を解決するのに十分な情報と例が含まれています。

于 2013-03-12T01:37:57.803 に答える