imuiAccordionItem
コンポーネント情報 | |
---|---|
モジュール | im_ui |
導入されたバージョン | 8.0.5 |
バージョン | 8.0.5 |
機能説明
- imuiAccordion タグ内に表示する開閉可能なコンテンツ領域を作成します。
- 初期表示時のアクティブ(開閉状態)を指定できます。
- 領域内のアコーディオンはリサイズで領域サイズの変更が可能です。
- imuiAccordion と組み合わせて使用してください。
- 組み合わせて使用しない場合はレイアウトの崩れや、開閉処理が起こらないなど動作保証をしていません。
属性一覧
注釈 | 属性名 | 型 | 説明 | 省略時の動作 |
---|---|---|---|---|
無害化 | href |
string | アコーディオンの navigation 属性と組み合わせて使用します | # |
id |
string | アコーディオンアイテムの id です | 代替 id を付与 | |
name |
string | アコーディオンアイテムの name です | 代替 name を付与 | |
国際化 無害化 | title |
string | アコーディオンアイテムのタイトルを指定します | - |
無害化 | その他 |
string | ユーザ定義属性です | - |
サンプル
navigation, href

- navigation, href 属性を用いて、URL に応じて初期表示するアコーディオンアイテムを指定できます。
- 本サンプルでは、location.href が http://localhost/example#note2 であるときに二番目のアイテムが初期表示されます。
HTML
<imart type="imuiAccordion" navigation="true"> <imart type="imuiAccordionItem" title="タイトル1" href="http://localhost/example#note1">sample_1</imart> <imart type="imuiAccordionItem" title="タイトル2" href="http://localhost/example#note2">sample_2</imart> </imart>