javascript - div 状態の Cookie を設定する (java スクリプト)

Question

2 つの div (collapse と collapse1) を制御する関数があります。1 つが style:block に設定されている場合、もう 1 つは style:none です。デフォルトのスタイルは<div id="collapse1" style="display:none;">andです<div id="collapse" style="display:block;">。これも、更新時またはページの読み込み時に常に取得されます。

関数は次のようになります。

$(function () {
    $('.nav-toggle').click(function () {
        //get collapse content selector
        var collapse_content_selector = $(this).attr('href');

        //make the collapse content to be shown or hide
        var toggle_switch = $(this);
        $(collapse_content_selector).toggle(function () {
            if ($(this).css('display') == 'none') {
                toggle_switch.html('Show'); //change the button label to be 'Show'
                document.getElementById('collapse').style.display = "block";
            } else {
                toggle_switch.html('Hide'); //change the button label to be 'Hide'
                document.getElementById('collapse').style.display = "none";
            }
        });
    });
});

では、ページが更新された場合に div スタイルが選択されたままになり、デフォルトにならないように、この関数の Cookie を設定するにはどうすればよいですか?

ご協力いただきありがとうございます！