多階層のレスポンシブなアコーディオンメニュー実装デモ
エクスプローラ風の多階層のデータ構造を綺麗に実装できるサンプルです...(続きを読む)

レスポンシブでスマホで便利に使えそうなアコーディオン実装「Res...
アニメーション等もいい感じでなかなか使えそうです。関連エントリ モバ...(続きを読む)

モバイルファーストでレスポンシブなアコーディオン実装「Bellows...
次のようなシンプルでスッキリしたデザインのアコーディオン実装が出来...(続きを読む)

アコーディオン型のシンプルな階層メニューが作れるjQueryプラグイ...
。レスポンシブに伸縮するので、スマホサイトでも使えそうです（という...(続きを読む)

レスポンシブに使えるタブUI実装jQueryプラグイン「Easy-Responsive-Tabs-t...
よくあるタブ型のUI、スマホではちょっと幅が足りない、ということでア...(続きを読む)

カッコよくデザインされたピュアCSS3なアコーディオン実装デモ
がチュートリアル付きで公開されています。次のようなデザインでそのま...(続きを読む)

CSS3単体で動く垂直アコーディオンを:targetで実装チュートリアル
。次のようなアコーディオンをCSS3単体で動かすためのチュートリアルが公...(続きを読む)

スライダーとアコーディオンを組み合わせたカッコいいUI作成jQuery...
。左側をスライダー、右側をテキストを入れたアコーディオンな感じのウ...(続きを読む)

良い感じの水平アコーディオン実装jQueryプラグイン「liteAccordion」
次のようなデザインのアコーディオン実装プラグインです。シンプルデザ...(続きを読む)

ピュアCSSでアニメーションするアコーディオン実装デモ
が公開されています。なかなかいい感じにCSS3でスタイリングされてるのも...(続きを読む)

画像がダイナミックにスライドするメニューバー実装jQueryプラグイ...
。マウスカーソルを合わせるとメニューの幅がニュイーンと伸びるUIが作...(続きを読む)

少ないスペースに一杯情報を埋め込めるクールなアコーディオン実...
。次のようなクールなアコーディオンが簡単に実装することが出来ます。...(続きを読む)

jQueryでアコーディオン作成のチュートリアル
が公開されています。HTML+CSSでのスタイリング〜jQueryのコードまで。ちょ...(続きを読む)

滑らかにアニメーション動作してナビゲーションにも使えそうな1KB...
次のように、マウスをあわせると、ホバーした部分がビヨーンとアニメー...(続きを読む)

Prototype.jsとScript.aculo.usで作るクールなアコーディオンＵＩ
次のようなマークアップでシンプルに実装できる模様。<div id="test-acc...(続きを読む)

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

CSSだけでアコーディオン風ＵＩを実現するサンプル
。通常、アコーディオンを実装する場合はJavaScriptが必要ですが、PureCSSで...(続きを読む)

クールで滑らかに動作するscript.aculo.usベースのアコーディオンＵＩ...
。おなじみのアコーディオン風に伸縮するＵＩをscript.aculo.us で実装するラ...(続きを読む)

prototype.jsベースの伸縮するアコーディオンＵＩ実装ライブラリ「Acc...
prototype.jsとscript.aculo.usのeffect.jsをベースに、mootoolsで作れるようなアコー...(続きを読む)