JSFiddle - React, Tailwind, and code Playground

by Руслан Абсалямов

HTML

<div class="disclimer">
  <span title="Закрыть" class="closeDisclimer">X</span>
  Интернет магазин "FISSMAN" использует файлы «cookie» с целью персонализации сервисов и повышения удобства пользования веб-сайтом. «Cookie» представляют собой небольшие файлы, содержащие информацию о предыдущих посещениях веб-сайта.
Если вы не хотите использовать файлы «cookie», измените настройки браузера.
</div>

CSS

.disclimer{
  font-size: 12px;
  background: black;
  color: white;
  padding: 3px;
}
.disclimer span{
  position: absolute;
  left: 97%; 
}
.disabled{
  display: block;
}
.hidden{
  display: none;
}

JavaScript

var disclimer = $('.disclimer');
disclimer.hide();

if(localStorage.getItem('disclimer')){
	disclimer.hide();
}else{
	disclimer.show('fade');
}

$('.closeDisclimer').click(function(){
	localStorage.setItem('disclimer', true);
  disclimer.hide();
})