data-collapsed-icon

このエントリーをはてなブックマークに追加

コラプシブルパネルではdata-collapsed-icon属性でアイコンを変更できます。

data-role=”collapsible”を指定した要素にdata-collapsed-icon属性を指定します。指定できる値はdata-icon属性と同じ値が指定可能ですが、変更する場合はarrow-rがよいでしょう。

<div data-role="collapsible" data-collapsed-icon="arrow-r">
   <h3>I'm a header</h3>
   <p>I'm the collapsible content. By default I'm closed, but you can click the header to open me.</p>
</div>

パネルが開いた状態のアイコンはdata-expanded-icon属性で指定できます。

参考URL

jQuery Mobile Docs - Collapsible Content

登録日 : 2012年10月14日 最終更新日 : 2016年12月19日

同じカテゴリー(コラプシブルパネル)のエントリー

検索

スポンサードリンク

バージョン

リファレンス