[JS]省スペースにも最適なアコーディオンのスクリプト集
Post on:2008年6月22日
WebTeckerのエントリーから、jQueryやPrototypeやMooToolsなどライブラリを使用するものや、単独で動作するアコーディオンのスクリプトを紹介します。

Simple Javascript Accordions (no frameworks)
デモ
デモに、多数のアコーディオンのスタイル。

jQuery plugin: Accordion (jQuery)
デモ
div, ul, dlなどにも対応。

jQuery - Horizontal Accordion (jQuery)
デモ
XBOX360みたいな感じ。

Accordion with color transition example (MooTools)
デモ
バーの色が変化する。

Horizontal JavaScript Accordion 1kb (no frameworks)
デモ
超軽量のスクリプト。

Accordion v2.0 (Prototype)
デモ
アコーディオンのネストも可能。

Ext Accordion Widget (Ext)
デモ
高性能なアコーディオン。

SpryAccordion (Dw Spry)
デモ
DreamweaverのSpry。
sponsors