Вывод блока при первом посещении сайта
$(document).ready(function() {
var isshow = localStorage.getItem('isshow');
if (isshow== null) {
localStorage.setItem('isshow', 1);
// Находим нужный блок с display: none; и показываем его, моем случае div с классом 'cookie'
$('.cookie').show();
}
});
//close the warning about the use of cookies
$(document).on('click', '#cookieAccept', function () {
$('.cookie').slideUp('slow');
});
//open popup window cookies description
$(document).on('click', '#openCookieDescription', function (er) {
er.preventDefault();
$('.cookie-description').fadeIn('slow').css('display','flex');
});
//close popup window cookies description
$(document).on('click', '#closeCookieDescription', function () {
$('.cookie-description').fadeOut('slow');
});
HTML
<div class="cookie" style="display:none;">
<div class="container">
<div class="row">
<div class="col-lg-8 offset-lg-1">
<div class="cookie-text">Мы используем <a href="#cookie" id="openCookieDescription">Cookie</a> (файлы с данными о прошлых посещениях сайта) для персонализации сервисов и удобства пользователей. Вы можете запретить сохранение cookie в настройках своего браузера.</div>
</div>
<div class="col-lg-2 mt-3">
<button class="btn cookie-btn" id="cookieAccept">OK</button>
</div>
</div>
</div>
</div>