<div data-role="content"> <div data-role="collapsible"> <h4>サンプルサイト</h4> <p>サンプルサイトの説明文です</p> </div> </div>としてアコーディオン(開閉式)を表示することができます。
<div data-role="content"> <div data-role="collapsible" data-collapsed="false"> <h4>サンプルサイト</h4> <p>サンプルサイトの説明文です</p> </div> </div>アコーディオン(開閉式)がデフォルトで開いた状態のDEMOです。
<div data-role="collapsible-set"> <div data-role="collapsible" data-collapsed="true"> <h4>サンプルサイト1</h4> <p>サンプルサイトの説明文です</p> </div> <div data-role="collapsible" data-collapsed="true"> <h4>サンプルサイト2</h4> <p>サンプルサイトの説明文です</p> </div> </div>アコーディオンのDEMOです。
$(function(){ $("#collapse01").collapsible({ collapse: function( event, ui ) { alert("閉じる"); } }); $("#collapse01").collapsible({ expand: function( event, ui ) { alert("開く"); } }); });アコーディオンのイベントのDEMOです。