[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。

top of page

©2017 coliss