jquery - ページ間を移動しているときにクリックした後も Div を開いたままにする方法

Question

サーバー側の言語ではなくjqueryを使用してCookieを実装する方法があるかどうかを考えていました。jquery がその方法または 2 番目のオプションに適していると思いますか?

そのための適切なリファレンスまたはチュートリアルを教えていただければ幸いです。とにかくありがとうございました ！

Answer 1

完全な答えではなく、いくつかのガイダンスです。

jQuery Cookie プラグインを使用します。ここに。

ユーザーが div を開いたときに、その状態を保存します

<div id="mydiv1" class="collapsible">
    <h3>Title</h3>
    <div class="contents" style="display:none">Bah!</div>
</div>

$('.collapsible h3').on('click', function(){
    var ref=$(this).parent().attr('id');
    $.cookie(ref, "open");
});

そして、document.ready で値を取得できます。

if ($.cookie("mydiv1")=='open') $('#mydiv1 .contents').show();

もちろん、すべての div の状態を 1 つの Cookie に保存し、それらを反復処理して、表示する必要があるコンテンツを表示します。