skuare.netはJavaScriptライブラリのjQuery,mootools,prototypeのプラグインを中心にWebサイト構築に関する技術を試す個人サイトです

1.3 KBの軽量アコーディオンJavaScript「JavaScript Accordion」

｜ ｜ ｜ ｜ ｜ ｜ ｜

昨今はJavaScriptライブラリが広まり、いろいろなことが簡単にできるようになりました。
一方で余計な機能がついて、重くなるものもあります。
そこで、今回はわずか1.3KBと軽量のアコーディオン「JavaScript Accordion」を紹介します。

使用方法
JavaScript Accordionからscript.jsをダウロードします。
導入は簡単で下記を記述すれば完了です。
<dl class="accordion" id="slider">
<!-- アコーディオン1 -->
<dt>タイトル1</dt>
<dd>内容1</dd>

<!-- アコーディオン2 -->
<dt>タイトル2</dt>
<dd>内容2</dd>
</dl>
<script type="text/javascript">
var acc=new accordion.slider("acc");
acc.init("slider");
</script>

1.3 KBの軽量アコーディオンJavaScript「JavaScript Accordion」サンプル

記事作成：2008年10月28日

前の記事：角丸をJavaScriptライブラリjQueryで作る「jQuery Corners」
次の記事：mootoolsで、いい感じに横スクロールするJavaScript「mooHorizonSlider」