用！与Cookies.get

Question

我尝试使用js-cookie在用户点击确定时隐藏Cookie栏。

Cookie栏有一个.hide-cookiebar类，显示：无;因此，即使在用户点击确定后，页面加载时也不会短暂显示。

然后我想检查一下cookie＆＃39;同意＆＃39;如果它不存在，请删除.hide-cookiebar类。然后，如果他们点击“确定”，请添加Cookie并同意＆＃39;然后检查它并重新添加隐藏类。

我遇到的第一个问题是我无法弄清楚如何更改Cookie.get to get to get，我已经尝试过了！没有成功。

我希望它会在那之后发挥作用。

<div class="cookiebar hide-cookiebar">
<span>Cookies are used on our website ... 
<a href="#">cookie policy</a><br><button id="ok">OK</button></span>
</div>


.hide-cookiebar {display: none;}


$(function() {

if (Cookies.get('agree')) {
$('.cookiebar').removeClass('hide-cookiebar')};

$('#ok').on('click', function () {
Cookies.set('agree', 'step1', { expires: 30 });

if (Cookies.get('agree')) {
    $('.cookiebar').addClass('hide-cookiebar')};

});

这似乎工作正常：

$(function() {

if (!Cookies.get('agree')) {
$('.cookiebar').removeClass('hide-cookiebar');}

$('#ok').on('click', function () {
Cookies.set('agree', 'step1', { expires: 30 });

if (Cookies.get('agree')) {

$('.cookiebar').addClass('hide-cookiebar');}

});
});