jQueryサンプル プラグインinterfaceを使ったAcordion(アコーディオン)

ここにタイトルをいれます

overflow:autoで設定サイズを超えるとスクロールがでます。

---

1. 
2. 
3. 
4. 

アコーディオンサンプル日本語

デフォルトではdl,dt,dd要素を使ってアコーディオンをを作成しています。
マークアップとしても合理的なつくりですね。

簡単なカスタムもできます

このページのhead内のソースを見て頂ければわかると思います。

要素の変更も設定可能

headerSelector: 'dt',
panelSelector: 'dd',
activeClass: 'myAccordionActive',
hoverClass: 'myAccordionHover',

高さやスピードも設定出来ます

panelHeight: 200,
speed: 300

デザインも全てCSSで書かれているので自由自在です。

リストの数も簡単に増やせます。

デフォルトの設定であれば<dl>内でdt,ddを繰り返すことによりいくつでも増やすことが可能です。