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」
関連記事
人気記事
最新記事RSS
- JavaScriptでCaptchaぽいのを作る「jQuery Real Person」
- でっかいメニューをJavaScriptで作る「Cut & Paste jQuery Mega Menu」
- mootoolsで3Dメニュー「JavaScript 3D Cube Menu」
- これはすごい！テキストに影を付け印象的にする「CSS text-shadow Fun」
- MVPenでアナログの良さを考え直す。
- 第3回「マネタイズHACKS」に参加してみた。
- div要素の幅を伸縮自由にするJavaScript「Ingeny Splitter」
- jQueryでメニューをわかりやすくする「Side Navigation Tooltip / Popup Bubble」
- 入力を促す文字をフォームに表示するJavaScript「JQUERY.FIELDTAG.JS」
- iPhoneライクにスクロールさせるJavaScript「OverScroll」