[JavaScript] アコーディオンメニュー2

以前作成した「[JavaScript] アコーディオンメニュー」を更新した。

変更内容

前回のVerは、仕事で作ったもののメモということもありJQueryを使用していたが、今回からはJQueryを使用せずにアコーディオンを実装している。また、前Verでは、メニューのボタン部分が画像/テキストによって、 javascriptを2種類用意していた(ファイルを2つ作成していた)が、本Verでは、1ファイルで両方に対応できるようにしている。

使い方

ZIPファイルを解凍後(中身はaccordion.js)、任意のディレクトリに配置し、本機能を実装したいhtmlでJSファイルを読み込む。

<script type="text/javascript" src="js/accordion.js"></script>

次に、アコーディオンを使用したい要素に class="accordion" を指定する。

<dl class="accordion">

※使用方法の詳細はデモページを参照

トラックバックURL

http://mashimonator.weblike.jp/mt/mt-tb.cgi/112

コメント投稿フォーム