How to enable cookie js to show message 1 time?

Question

JavaScript

There is a default window script open:

<div  class="personal-data-warning" id="block_id">ОКНО<a class="black personal-data-warning-close" onclick="diplay_hide('#block_id');return false;" ></a></div>

Closure:

function diplay_hide (blockId)

{ 
    if ($(blockId).css('display') == 'none') 
        { 
            $(blockId).animate({height: 'show'}, 500); 
        } 
    else 
        {     
            $(blockId).animate({height: 'hide'}, 500); 
        }


}

I connected the jquery.cookie.min.js library
But I can’t figure out how to put $.cookie so that it is only shown to the visitor once

Answer 1

Throw the key:value into the local storage and check this pair every time, if there is - do not show, if not - record and show

Answer 2

function diplay_hide (blockId)
{ 
    if ($.cookie('isShowPopup')) return false;
    if ($(blockId).css('display') == 'none') 
        { 
            $(blockId).animate({height: 'show'}, 500); 
            $.cookie('isShowPopup', '1');
        } 
    else 
        {     
            $(blockId).animate({height: 'hide'}, 500); 
        }


}

Answer 3

Check for cookies before displaying. If they are not there, then install and show what you need there ...

if(!$.cookie('checker')) {
    $.cookie('checker', 1, {
        expires: 30
    });
    $(blockId).animate({height: 'show'}, 500);
}

For the .personal-data-warning block in css, set the property display: none