Accordion v1.0　伸縮するアコーディオンJSライブラリ

Accordion v1.0
伸縮するアコーディオンJSライブラリ「Accordion v1.0」です。

prototype.jsとscript.aculo.usのeffect.jsをベースとなっており、簡単に実装できます。

また、縦向きも横向きも出来てなかなかカッコいい。

実装方法は以下

[ファイルのインクルード]

[htmlの用意]

Title Bar

…

…
…
…

Title Bar

…

基本的にこれだけですが、オプションで以下が設定できます。

また、横向きの伸縮も可能です。

// 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’
});

// Vertical Accordion
var verticalAccordion = new accordion(’#bottom_container’);
最後にonLoad時などにスライドを開きたいときは

// Now lets open the first slide
verticalAccordion.activate($$(’#bottom_container .accordion_toggle’)[0]);