Как сделать cookie запоминание закрытие блока?

Question

[pashabomber]

На сайте есть ссылка, которая скрывает блок:

$('.top-line .close').click(function() {
		$('.top-line').fadeOut();
	});

Но если обновить страницу, то блок снова выводится.
Подскажите, как сделать, чтобы после нажатия этой ссылки и обновления страницы блок снова не появляется в течении суток?

Answer 1

[Илья Хребет]

<div class="top-line" style="display:none;">
Содержание
<a href="#" class="close">Закрыть</a>
</div>

if (!localStorage.getItem("tol-line-showed")) {
  $('.top-line').fadeIn();
}

$('.top-line .close').click(function() {
  localStorage.setItem("tol-line-showed", "true");
  $('.top-line').fadeOut();
});

Comments

[pashabomber]

Добавил строчку, ничего не поменялось

[Илья Хребет]

pashabomber, рабочий код.

[pashabomber]

Илья Хребет, Есть подозрение, что условие вставил не так. Можете помочь разобраться? Не силен в js(

designstyle.volodin-web.ru/index.html - на самом верху блок с крестиком закрытия.
designstyle.volodin-web.ru/js/common.js - тут js закрытия.

[Илья Хребет]

pashabomber,

<div class="container" style="display:none;">
...
</div>

[pashabomber]

Илья Хребет, Спасибо! Помогло!

Answer 2

[Exploding]

Не нужно куки.
Используйте localStorage да и был уже этот вопрос тут 100500 раз, с подробнейшими инструкциями и разъяснениями...

Answer 3

[leni_m]

function setCookie(name, value) {
    document.cookie = name + "=" + value + "; expires=" + 60*60*24;
}
function getCookie(name) {
    var r = document.cookie.match("(^|;) ?" + name + "=([^;]*)(;|$)");
    if (r) return r[2];
    else return "";
}

$('.top-line .close').click(function() {
    $('.top-line').fadeOut();
    setCookie("Вася", "+")
  });

и там где показывает у вас блок

if (!getCookie("Вася")) {
    показать блок;
}