[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
コメント投稿フォーム