IDがlistの要素にアコーディオンを適用する。
$(document).ready( function () {
$( '#list' ).accordion();
}
<!-- html部分 -->
<div id="list">
<h3><a href="#">見出し1</a></h3>
<div>ここに見出し1の中身</div>
<h3><a href="#">見出し2</a></h3>
<div>ここに見出し2の中身</div>
</div>
jQueryのほか、jQuery UI、jQuery UI Widgetが必要で、初期化時に適用したい要素に対してaccordion関数を呼び出す。アコーディオンの中身はh3要素とdiv要素がペアで、必要な数だけ繰り返す。
