Спрячьте 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