アコーディオンメニューの開閉制御
私webデザイナーをしています。
アコーディオンメニューで（開くのは１つのパネルのみ）ページ遷移してもアコーディオンの開いている部分が閉じないものを作りたいと思っています。
しかし、下記のコードでどうしても実装できません。
技術のある方、間違いを教えていただけないでしょうか？
【ｈｔｍｌ】
<dl class="accordion_dl">
<dt>アコーディオンメニュー.1</dt>
<dd>アコーディオンメニュー.1のテキスト表示</dd>
<dt>アコーディオンメニュー.2</dt>
<dd>アコーディオンメニュー.2のテキスト表示</dd>
<dt>アコーディオンメニュー.3</dt>
<dd>アコーディオンメニュー.3のテキスト表示</dd>
<dt>アコーディオンメニュー.4</dt>
<dd>
<ul>
<li>リスト挿入</li>
<li>リスト挿入</li>
<li>リスト挿入</li>
<li>リスト挿入</li>
</ul>
</dd>
</dl>
【JS】
jQueryとjquery.cookie.jsを読み込んでいます。
for (var i=0; i < $(".accordion_dl dt").length; i++) {
if( $.cookie("accord" + i) == "open" ) {
$(".accordion_dl dt").eq(i).next("dd").show();
}
}
$('.accordion_dl dt').click(function(){
$(this).toggleClass("open");
$(this).siblings("dt").removeClass("open");
$(this).next("dd").slideToggle();
$(this).next("dd").siblings("dd").slideUp();
n = $(".accordion_dl dt").index(this);
if ($.cookie("accord" + n) == "open") { $.cookie("accord"+n,"close", {path:"/"}); }
else { $.cookie("accord"+n,"open", {path:"/"}); }
});
よろしくお願いいたします。
