[JS]わずか1.3KBの軽量で、快適に動作するアコーディオンのスクリプト
Leigeberのエントリーから、以前紹介した「軽量でシンプルなアコーディオンのスクリプト」より更に軽量（1.3KB）になったアコーディオンのスクリプトを紹介します。
Animated JavaScript Accordion V2
demo
Accordion V2はjQueryやPrototypeなどの他のスクリプトに依存することなく、単独で動作するスクリプトで、対応ブラウザはIE6, 7, 8, Fx2, 3, Op, Safari, Chromeとなっています。
※Op9.6.0, Safari3.1.2 for Winで正常に動作しました。
仕様自体に大きな変更はなく、アコーディオンの開閉のタイミングやスピードを調整することができます。
アコーディオンの各項目はdl要素となっており、CSSオフ時やスクリプトオフ時にも情報入手の差し支えないように表示されます。
Post on:2008年10月21日
Comments
亀有のほほん日記
on 2008年10月22日
[JS]アコーディオン1.3kｂ
とっても軽いjsのみで動くスクリプト
js アコーディオン形 軽い サンプル
キムキム
on 2011年5月12日
こちらのアコーディオンは、ライセンスはどうなっているのでしょう？
素朴な疑問なんですが。。。
コリス
on 2011年5月12日
> キムキム さん
個人でも商用でも無料で利用できる、とページに書いてありますよ。
和屋
on 2012年2月28日
とても理想的なスクリプトです。是非使わせていただきます！
使用するうえでご質問なのですが、白黒の方のアコーディオンは初期化コードを入れれば、最初の項目を閉じた状態から始められるのでしょうか？
入れるとすれば、script.jsの中に付け足すことで良いのでしょうか。
あまりJSの知識がないので初歩的な質問なのですが、ご回答いただけましたら幸いです。
コリス
on 2012年2月28日
> 和屋 さん
白い方は「slider1.init(“slider”);」
白黒の方は「slider2.init(“slider2″,0,”open”);」で、
「open」が開く設定、「0」がどれを、となっています。
初期状態で閉じておく場合は、その二つを記述しなければよいと思います。
和屋
on 2012年2月28日
なるほど！お早い返事有難うございます。
無事に解決いたしました！