Как скрыть элемент на некоторое время?

Question

[ColinTie]

Добрый день!

Задача:

<div class="region-selector__question" style="display: block; opacity: 1;">
            <div class="region-selector__question__text">
                Мы верно определили ваш город?
            </div>
            <div class="region-selector__actions">
                <a data-answer="Yes" class="region-selector__actions__item" href="#">Да</a>
                <a class="region-selector__actions__item" href="#" data-region-btn="">Нет, изменить</a>
            </div>
        </div>

— необходимо, что бы при клике на Да данный блок скрылся на, допустим, неделю.

Заранее спасибо!

Туплю всеравно https://codepen.io/nikolaythethird/pen/yJmwzo может кто чирканет в кодепене, куки подрубил

Comments

[ColinTie]

Туплю всеравно https://codepen.io/nikolaythethird/pen/yJmwzo

Answer 1

[Igor Fedorov]

Нужен плагин jquery cookie
Этот код через 45 секунд показывает модальное окно и создаёт куку на 2 дня. Затем он проверяет при загрузке, если нет куки - показать окно.

setTimeout(function(){
		if (!$.cookie('if_modal')) {
			$.fancybox( '#soc_block',{
				padding: 20,
				fixed: true,
				helpers : {
					overlay : {
						locked: false
					}
				}
			});
		}
		$.cookie('if_modal', true, {
			expires: 2,
			path: '/'
		});
	}, 45*1000);

Comments

[Igor Fedorov]

Если помог - отметьте решением :)

Answer 2

[Назар Мокринский]

Установите cookie на неделю, запишите в localStorage, IndexDB.

Comments

[ColinTie]

к сожалению с куки не работал, сейчас буду гуглить

[Назар Мокринский]

ColinTie: localStorage может быть даже проще - просто запишите туда дату, и сравнивайте с текущей. Cookie будут вместо с запросами отправляться - это несколько лишних байт трафика. Да и манипулировать ими в JS без библиотек не очень удобно.