html - 如果用户点击关闭按钮，总是隐藏 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