Блог

Главная - Вопросы по программированию - Установите отображение элемента и установите cookie, чтобы он скрывался при нажатии

Установите отображение элемента и установите cookie, чтобы он скрывался при нажатии

#javascript #cookies

#javascript #файлы cookie

Вопрос:

Я ищу простой способ скрыть элемент и установить файл cookie, чтобы он оставался скрытым при нажатии.

 <div id="hide-me">I need to be hidden</div>

<div id="hiding">
 If I get clicked, #hide-me's display style goes from block to none.
 Now the next time this person visits again, #hide-me will be display:none.
</div>

Ответ №1:

Пример

 var COOKIE_NAME = "hideMeDisplay",
    hideMe = document.getElementById('hide-me'),
    cookie = getCookie(COOKIE_NAME),
    hideMeDisplay = cookie  ? cookie : hideMe.style.display,
    hiding = document.getElementById('hiding');

hiding.onclick = function() {
    setCookie(COOKIE_NAME, hideMeDisplay, 100);
    hideMe.style.display = hideMeDisplay === "block" ? "none" : "block";
    hideMeDisplay = hideMe.style.display;

}
hiding.onclick(); // trigger first click to set cookie