機能説明

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

属性一覧

注釈 属性名 説明 省略時の動作 実行時評価
無害化 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 であるときに二番目のアイテムが初期表示されます。
JSP
<imui:accordion navigation="true">
  <imui:accordionItem title="タイトル1" href="http://localhost/example#note1">sample_1</imui:accordionItem>
  <imui:accordionItem title="タイトル2" href="http://localhost/example#note2">sample_2</imui:accordionItem>
</imui:accordion>