Перейти к основному контенту

Вывод блока при первом посещении сайта

$(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>