javascript - 使用 Javascript 设置 cookie 以通过单击记住显示状态

Question

请指教。我想将 cookie 设置为我工作的简单 javascript 代码。单击链接会显示 div，但如果页面重新加载，div 将隐藏。我需要设置 cookie 以记住 7 天的显示状态，例如

Javascript

function showDiv() {
document.getElementById('auth_block').style.display = "block";
}

HTML

<a href="#" onclick="showDiv()">
      <img src="/images/cont_btn.png">
    </a>

<div style="display:none;" id="auth_block">Some information</div>

Answer 1

使用 jQuery，您可以使用 $.cookie() :

$('a').click(function() {
    if($.cookie('display') != null) {
        $('#auth_block').show();
    } else {
        $.cookie('display', $('#auth_block').css('display'), { expires: 7 });
        $('#auth_block').show();
    }
});