Wijmo UI for the Web
すべてのペインが縮小された状態での初期化
Wijmo ユーザーガイド > ウィジェット > Accordion > 操作手順 > すべてのペインが縮小された状態での初期化

クイックスタートの例を基に、２つのオプションを変更して、すべてのペインが閉じられた状態でアコーディオンを初期化できます。

  1. HTML ファイルの <head> セクションで、ドキュメントの ready 関数を含むスクリプトを、以下を実行するスクリプトに置き換えます。
    • すべてのペインを閉じることができるように、requireOpenedPaneオプションを false に設定します。
    • 初期状態で、すべてのペインが開かないように、selectedIndexオプションを -1 に設定します。
    すべてのペインを閉じたままにするスクリプト
    コードのコピー 
    <script type="text/javascript">
     $(document).ready(function () {
        $("#accordion").wijaccordion({
            header: "h2", 
            expandDirection: "right",
            requireOpenedPane: false,
            selectedIndex: -1
        });
    });
</script>
  2. HTML ファイルを保存し、それをブラウザで開きます。アコーディオンは、すべてのペインが閉じられた状態で初期化されます。

関連トピック

クイックスタート

参照

requireOpenedPane フィールド
selectedIndex フィールド
expandDirection フィールド

 

 

Copyright © GrapeCity inc. All rights reserved.