[JavaScript] アコーディオンメニュー
アコーディオンメニューを簡単に実装するライブラリを作成した。
この手のものは既に沢山出回っているが、仕事で作ったので一応メモとして残す。
メニューを開閉するボタン部分が画像の場合とテキストの場合で2パターン作成した。
デモの見た目はショボショボだが、そこはCSSで任意に修正できるため、使用する時々によって設定する。
使い方
ZIPファイルを解凍後（中身はaccordion.js）、任意のディレクトリに配置し、本機能を実装したいhtmlでJSファイルを読み込む。
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/accordion.js"></script>※本ライブラリではJQueryを使用しているため、JQueryも読み込む
アコーディオンを使用したい要素に class="accordion" を指定する。
<dl class="accordion">詳しい使い方や仕様は後日追記する...
トラックバックURL
http://mashimonator.weblike.jp/mt/mt-tb.cgi/70
コメント投稿フォーム