$(document).ready(function(){
	//初期設定
	$("dd").each(function (i){//※1
		if ($.cookie("cookName")) {
			if (($.cookie("cookName").indexOf(i)) != -1) {//※2
				$("dd").eq(i).show();
			} else {
				$("dd").eq(i).hide();
			}
		}else{
			$("dd").hide();//cookieが無い場合は全て隠す
		}
		i = i+1;
	});
	
	//クリック時のfunction設定
	$("dt").click(function(){
		//何番目のdtなのかを変数に代入
		var index = $("dt").index(this);
		var name = "cookName" ;//cookieの名前
		var cookVal = $.cookie(name);//cookieの値を変数に代入
		
		//クリックされたら対応するddにイベントを割り当てる
		$("dd").eq(index).slideToggle("fast");
		
		//cookieに追加
		if ($.cookie(name)) {//既に対応するcookieを持っていたら
			if ((cookVal.indexOf(index)) != -1) {//valueに対応する値をもっている場合
				if (($.cookie(name).length) == 1) {
				//この場合は対応するindex番号では無く、cookie自体を削除
					$.cookie(name,null);

				}else{
					var cookVal = $.cookie(name).replace(index,"");//※3
					$.cookie(name,cookVal,{expires:7});//↑で定義しなおした値でcookieを再セット
				}
			}else{
				$.cookie(name,cookVal+index,{expires:7});//cookieをセットする
			}
		}else{
			 $.cookie(name,index,{expires:7});//cookieを新たにセットする
		}
		
	}).css("cursor","pointer");
});