This versatile 1kb horizontal accordion script can be used for menus, images, presentation content and more.

JavaScriptによる水平アコーディオンUI「Horizontal JavaScript Accordion」
次のようなアコーディオンＵＩがアニメーションしながら伸縮します。



マークアップはulでシンプル

<ul id="sm" class="sm">
<li><img src="images/1.gif" alt="" /></li>
<li><img src="images/2.gif" alt="" /></li>
<li><img src="images/3.gif" alt="" /></li>
<li><img src="images/4.gif" alt="" /></li>
</ul>

初期化も slideMenu.build('sm',200,10,10,1) でいいみたい。

関連エントリ

• CSSだけでアコーディオン風ＵＩを実現するサンプル
• クールで滑らかに動作するscript.aculo.usベースのアコーディオンＵＩ「Accordion v2.0」