[JavaScript] アコーディオンメニュー3
前Verをリリース早々ではあるが「[JavaScript] アコーディオンメニュー2」を更新した。
変更点
JS側の設定値を変更することによって、該当ナビを表示する際の動作を変更できるようにした。
具体的には、下記2パターンを切り替えられる。
- 既に開いているナビを自動で閉じてから次のナビ(クリックされたナビ)を開く
- 単純にクリックされたナビを開く(閉じる場合も要クリック)
※動作の違いはデモページを参照
使い方
ZIPファイルを解凍後(中身はaccordion.js)、任意のディレクトリに配置し、本機能を実装したいhtmlでJSファイルを読み込む。
<script type="text/javascript" src="js/accordion.js"></script>
次に、アコーディオンを使用したい要素に class="accordion" を指定する。
<dl class="accordion">
JSファイルを開き、17~24行目付近の動作形式の設定値(uniqueOpen)を編集する。
//-----------------------------------------
// 設定値
//-----------------------------------------
conf : {
targetClass : 'accordion', // 対象とするクラス名
uniqueOpen : true, // 一度に開くメニューを1つにするか否か(true:1つ/false:複数)
基本的な使用方法はこれまでのVerと変わらない。
トラックバックURL
http://mashimonator.weblike.jp/mt/mt-tb.cgi/114
コメント投稿フォーム