$(document).ready(function(){
    //初期設定
    $("#categorynavWrap h4").each(function (i){//※1
        if ($.cookie("cookName")) {
            if (($.cookie("cookName").indexOf(i)) != -1) {//※2
                $("#categorynavWrap dl").eq(i).show();
                $(this).addClass("active");
            } else {
                $("#categorynavWrap dl").eq(i).hide();
            }
        }else{
            $("#categorynavWrap dl").hide();//cookieが無い場合は全て隠す
        }
        i = i+1;
    });

    //クリック時のfunction設定
    $("#categorynavWrap h4").click(function(){
        //何番目のdtなのかを変数に代入
        var index = $("#categorynavWrap h4").index(this);
        var name = "cookName" ;//cookieの名前
        var cookVal = $.cookie(name);//cookieの値を変数に代入

        if($(this).hasClass('active')){
            $(this).removeClass("active");
            }else{
            $(this).addClass("active");
        };

        //クリックされたら対応するddにイベントを割り当てる
        $("#categorynavWrap dl").eq(index).slideToggle("slow,");

        //cookieに追加
        if ($.cookie(name)) {//既に対応するcookieを持っていたら
            if ((cookVal.indexOf(index)) != -1) {//valueに対応する値をもっている場合
                if (($.cookie(name).length) == 1) {
                //この場合は対応するindex番号では無く、cookie自体を削除
//                    $.cookie(name,null);
                    $.cookie(name,'', {path: "/", expires: -1 });
                }else{
                    var cookVal = $.cookie(name).replace(index,"");//※3
                    $.cookie(name,cookVal,{path: "/", expires:7});//↑で定義しなおした値でcookie再セット
                }
            }else{
                $.cookie(name,cookVal+index,{path: "/", expires:7});//cookieをセットする
            }
        }else{
             $.cookie(name,index,{path: "/", expires:7});//cookieを新たにセットする
        }

    });
});