Wijmo UI for the Web
マークアップとスクリプティング
| Wijmo ユーザーガイド > ウィジェット > Accordion > マークアップとスクリプティング |
ヘッダー領域要素とコンテンツ領域要素のセットを複数個含む wijaccordion ウィジェットの HTML マークアップは、次のようになります。
 |
メモ：コンテンツ領域要素は、対応するヘッダー領域要素のすぐ後に続きます。 |
| マークアップ |
コードのコピー |
|---|---|
<div id="accordion"> <h3>header</h3> <div>content</div> <h3>header</h3> <div>content</div> <h3>header</h3> <div>content</div> </div> | |
次の jQuery スクリプトでウィジェットを初期化できます。
| スクリプト |
コードのコピー |
|---|---|
<script id="scriptInit" type="text/javascript"> require(["wijmo.wijaccordion"], function () { $(document).ready(function () { $("#accordion").wijaccordion(); }); }); </script> | |
ここで説明しているマークアップとスクリプトの結果は次のようになります。Accordion にマウスポインタを合わせると、アニメーション表示されます。