Задать вопрос

Как не показывать блок по куки в js?

Блок скрывается при клике, запоминает в куки, но при перезагрузке страницы - мигает.
Подскажите, кто сталкивался, как сделать так, чтобы если захлопнулся, то больше и не появлялся?
https://gyazo.com/c8d6bcf7cf1a7385e3959d612e190bbe

<script>
  $(document).ready(function (){ 

   function getCookie() {
   var cookies = document.cookie.match ( '(^|;) ?moycookies=([^;]*)(;|$)' );
   if (cookies) { document.getElementById('box1').classList.add('hidden'); }
   }
   
   $('.yes').click(function(event) {
   event.preventDefault();
   document.cookie = 'moycookies=yes; path=/; expires=01/01/2100 00:00:00';
   document.getElementById('box1').classList.add('hidden');
   });
   
   getCookie();  
   
  }); 
</script>

<div class="notif" id="box1">С 21 февраля до 8 марта 2022 дополнительные <span>скидки 5%</span> на продукцию Krause - <a href="/specials/">перейти к распродажам</a></div>
<div class="notif_close"><a id="url1" href="#" class="yes">закрыть</a></div>
  • Вопрос задан
  • 47 просмотров
Подписаться 1 Простой Комментировать
Решения вопроса 1
Добрый день.
Подобный блок изначально должен быть скрыт.
Если куки пустые - показываться. Если "полные" - не показываться.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы