複数のペインが拡張された状態での初期化

クイックスタートの例を基に、１つのオプションを変更し、１つのメソッドを追加して、複数のペインが開いている状態でアコーディオンを初期化できます。

HTML ファイルの <head> セクションで、ドキュメントの ready 関数を含むスクリプトを、以下を実行するスクリプトに置き換えます。

最初のペインを開くように、selectedIndexオプションを 0 に設定します。
複数のペインを開くことができるように、requireOpenedPaneオプションを false に設定します。
５番目のペインを開くように、activate メソッドを呼び出します。

複数のペインを開くスクリプト	コードのコピー
<script type="text/javascript"> $(document).ready(function () { $("#accordion").wijaccordion({ header: "h2", expandDirection: "right", selectedIndex: 0, requireOpenedPane: false, }); $("#accordion").wijaccordion("activate", 4); }); </script>

複数のペインを開くスクリプト

コードのコピー

<script type="text/javascript">
    $(document).ready(function () {
        $("#accordion").wijaccordion({
            header: "h2", 
            expandDirection: "right",
            selectedIndex: 0,
            requireOpenedPane: false,
        });
        $("#accordion").wijaccordion("activate", 4);
    });
</script>

HTML ファイルを保存し、それをブラウザで開きます。アコーディオンは、選択した２つのペインが拡張された状態で初期化されます。

関連トピック

参照