次のページで同じdivを開き、jQueryまたはJavaScriptを使用して覚えておいてください

Question

以下のコードを使用して、同じメニューdivを次のページで開いたままにします。私はおそらくクッキーを使用する必要がありますが、私はJavaScriptでクッキーがどのように動作するのかわかりません。

$(this) 
    .css({backgroundColor:"#861b1b"}) 
    .next("div.menu_body") 
    .slideToggle(300) 
    .siblings("div.menu_body") 
    .slideUp("slow"); 

$(this).siblings().css({backgroundColor:"#eee"}); 

Answer 1

がそれを可能にする、クッキーを使ってアクセスされています

document.cookie 

それらに対処するための良いjQueryプラグインもあります：https://github.com/carhartl/jquery-cookie

例と手順については、READMEファイルを参照してください。

簡単な例です。まず、メニューをユーザーがクリックする：

$.cookie("current-menu",$(this).attr("id")); 

次に、ページのロード：

if($.cookie("current-menu")) { 
    OpenMenu($("#"+$.cookie("current-menu"))); 
} 

OpenMenuは、あなたが上記の投稿のコードが含まれている必要があります。メニュー項目に固有のIDが付いていることを確認してください。

Answer 2

これは役立つはず：http://www.w3schools.com/js/js_cookies.aspブラウザを提供