[JS]軽量でシンプルなアコーディオンのスクリプト

leigeberのエントリーから、シンプルながらアコーディオンとして充分な機能を備えた、2.5KBの軽量のスクリプトを紹介します。

Lightweight Accordionのキャプチャ

Lightweight Accordion with JavaScript and CSS

Lightweight AccordionはjQueryやPrototypeなどの他のスクリプトに依存することなく、単独で動作するスクリプトで、対応ブラウザはIE6, 7, 8, Fx2, 3となっています。
※Op9.5, Safari3.1 for Winでも正常に動作しました。

アコーディオンの開閉はアニメーションで実装されており、そのタイミングやスピードは変数なので簡単にカスタマイズが可能です。

CSSオフ時やスクリプトオフ時には、情報入手に差し支えないように表示されるので、使い勝手もよさそうです。

top of page

©2017 coliss