使用Javascript设置Cookie以记住通过点击显示状态 [英] Set cookies with Javascript to remember show state by click

问题描述

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

Please, advice. I want to set cookies to my working simple javascript code. The div is showed by clicking on the link, but if the page reloads the div will hide. I need to set cookies to remember the show state for 7 days for e.g.

Javascript

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>

推荐答案

使用jQuery，您可以使用 $。cookie（） ：

With jQuery, you can use $.cookie():

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

这篇关于使用Javascript设置Cookie以记住通过点击显示状态的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！