javascript - ブートストラップ サイドバー ナビゲーション 展開されたアイテムを記憶する

Question

折りたたみ可能なリンクがネストされたブートストラップ サイドバーがあります。もちろん、各リンクをクリックするとページが再ロードされ、メニューが折りたたまれます。ページのロード間でサイドバーのナビゲーションを拡張したままにする方法があるかどうか疑問に思っていました. こうすることで、ユーザーはブラウジング時に同じ項目を何度も展開し続ける必要がなくなります。

これまで読んだことから、明らかにクッキーでこれを行う方法がありますが、それを実装する方法はまったくわかりません。ありがとう

Answer 1

jQuery で Cookie を実装する方法については、この SO の質問をご覧ください: jQuery で Cookie を設定/設定解除するにはどうすればよいですか?

この jquery プラグインを Cookie に使用できます: https://github.com/carhartl/jquery-cookie

上記を使用すると、読み戻すことができるメニューの表示/非表示状態で JSON オブジェクトを設定できます。

$.cookie.json = true;
var sidebarstate = '[ {Item: "blah", expand: true}, {Item: "2", expand: false}]';
$.cookie('sidebar', sidebarstate );
...

var sidebar = $.cookie('sidebar');
alert('sidebar: ' + sidebar);