テスト - 重力アコーディオンメニュー

<dl class="accordion"><!-- dl要素に対象とするクラス名をつける -->
<dt><img src="./images/btn_menu_n.gif" alt="" /></dt><!-- ナビのボタンがimg要素の場合 -->
<dd class="accordionOpen"><!-- 初期オープン状態とするdd要素に、初期オープン用クラスをつける -->
<ul>
<li><a href="#">あああああああ</a></li>
<li><a href="#">いいいいいいい</a></li>
<li><a href="#">ううううううう</a></li>
<li><a href="#">えええええええ</a></li>
<li><a href="#">おおおおおおお</a></li>
</ul>
</dd>
<dt><span>メニュー２</span></dt><!-- ナビのボタンがテキスト（span要素）の場合 -->
<dd>
<ul>
<li>かかかかかかか</li>
<li>ききききききき</li>
<li>くくくくくくく</li>
<li>けけけけけけけ</li>
<li>こここここここ</li>
</ul>
</dd>
<dt>メニュー３</dt><!-- ナビのボタンがテキストの場合 -->
<dd>
<ul>
<li>かかかかかかか</li>
<li>ききききききき</li>
<li>くくくくくくく</li>
<li>けけけけけけけ</li>
<li>こここここここ</li>
</ul>
</dd>
</dl>

//-----------------------------------------
// 設定値
//-----------------------------------------
conf : {
	targetClass : 'accordion',                      // 対象とするクラス名
	targetTag : 'dl',                               // 対象とする要素名
	buttonTag : 'dt',                               // ボタン部分の要素名
	menuTag : 'dd',                                 // メニュー部分の要素名
	defaultOpen : 'accordionOpen',                  // 初期オープン状態に指定するクラス名
	speed : 10,                                     // スクロールの速度（close時のみ）
	slickness : 3,                                  // スクロールの滑らかさ
	rolloverClass : 'accordionOver',                // ロールオーバー時に付加されるクラス名
	activeClass : 'accordionActive',                // アクティブ時に付加されるクラス名

.accordionActive{
background:#f6bfbc;
}
.accordionOver{
background:#e9dfe5;
}