[JS]省スペースにも最適なアコーディオンのスクリプト集

WebTeckerのエントリーから、jQueryやPrototypeやMooToolsなどライブラリを使用するものや、単独で動作するアコーディオンのスクリプトを紹介します。

Great Accordion Scripts

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。

Post on:2008年6月22日