Accordion v2.0 Demo

クールで滑らかに動作するscript.aculo.usベースのアコーディオンＵＩ「Accordion v2.0」。
おなじみのアコーディオン風に伸縮するＵＩをscript.aculo.us で実装するライブラリが公開されました。



実装は、ライブラリの読み込み＆DIVの定義をおこなったあと、次のようなコードで初期化するのみです。

// Horizontal example
var horizontalAccordion = new accordion('#top_container', {
classNames : {
     toggle : 'horizontal_accordion_toggle',
     toggleActive : 'horizontal_accordion_toggle_active',
     content : 'horizontal_accordion_content' },
     defaultSize : { width : 525 },
     direction : 'horizontal'
});

使い方も簡単でprototype.jsベース。
知っておくといつか使えそうです。