機能説明

  • imuiAccordion タグ内に表示する開閉可能なコンテンツ領域を作成します。
  • 初期表示時のアクティブ(開閉状態)を指定できます。
  • 領域内のアコーディオンはリサイズで領域サイズの変更が可能です。
  • imuiAccordion と組み合わせて使用してください。
    • 組み合わせて使用しない場合はレイアウトの崩れや、開閉処理が起こらないなど動作保証をしていません。

属性一覧

注釈 属性名 説明 省略時の動作
無害化 href string アコーディオンの navigation 属性と組み合わせて使用します #
id string アコーディオンアイテムの id です 代替 id を付与
name string アコーディオンアイテムの name です 代替 name を付与
国際化 無害化 title string アコーディオンアイテムのタイトルを指定します -
無害化 その他 string ユーザ定義属性です -

サンプル

navigation, href

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>