[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

コメント投稿フォーム