[JS]省スペースにも最適なアコーディオンのスクリプト集
Post on:2008年6月22日
WebTeckerのエントリーから、jQueryやPrototypeやMooToolsなどライブラリを使用するものや、単独で動作するアコーディオンのスクリプトを紹介します。
![のデモのキャプチャ](/wp-content/uploads/2008062201-01.png)
Simple Javascript Accordions (no frameworks)
デモ
デモに、多数のアコーディオンのスタイル。
![のデモのキャプチャ](/wp-content/uploads/2008062201-02.png)
jQuery plugin: Accordion (jQuery)
デモ
div, ul, dlなどにも対応。
![のデモのキャプチャ](/wp-content/uploads/2008062201-03.png)
jQuery - Horizontal Accordion (jQuery)
デモ
XBOX360みたいな感じ。
![のデモのキャプチャ](/wp-content/uploads/2008062201-04.png)
Accordion with color transition example (MooTools)
デモ
バーの色が変化する。
![のデモのキャプチャ](/wp-content/uploads/2008062201-05.png)
Horizontal JavaScript Accordion 1kb (no frameworks)
デモ
超軽量のスクリプト。
![のデモのキャプチャ](/wp-content/uploads/2008062201-06.png)
Accordion v2.0 (Prototype)
デモ
アコーディオンのネストも可能。
![のデモのキャプチャ](/wp-content/uploads/2008062201-07.png)
Ext Accordion Widget (Ext)
デモ
高性能なアコーディオン。
![のデモのキャプチャ](/wp-content/uploads/2008062201-08.png)
SpryAccordion (Dw Spry)
デモ
DreamweaverのSpry。
sponsors