如果用户点击关闭按钮，则始终隐藏div

Question

在我的WordPress网站上，我在顶部有一个显示给未注册用户的通知栏。当用户点击关闭按钮时，通知div只会隐藏display: none;。

问题在于，无论何时用户刷新页面或转到其他页面，都会重新出现。

我的问题是，一旦用户点击关闭按钮，保持此栏始终隐藏的最佳方法是什么？这种情况下的好习惯是什么？

Answer 1

一种可能的解决方案是使用local storage：

<强> HTML

<div>test</div>
<input type="button" value="hide" />

<强> JS

$(":button").on("click", function(){    
    $("div").toggle();
    localStorage.setItem("hide", $("div").is(":visible"));
});

localStorage.hide == "false" ? $("div").hide() : $("div").show();

fiddle