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: 内容１
内容１
内容１
内容１
内容１
タイトル2: 内容2
内容2
内容2
内容2
内容2
タイトル3: 内容3
内容3
内容3
内容3
内容3

Javascriptサンプルページ一覧

skuare.net