Javascript 试图用以下内容隐藏通知30天

我试图隐藏一个通知栏，我是在用户基于cookies在下面的代码笔上单击x 30天后创建的。我似乎不知道该怎么做

HTML:

<div id="top-site-message-wrapper">

<div id="top-site-message">
Members: you can reduce paper consumption by choosing to receive your membership package by email:

<a href="http://www.oct.ca/" id="top-site-message-CTA">  
Yes Please</a>

<button id="top-site-message-hide">
  x
</button>

</div>  
</div>

#top-site-message-wrapper {
background-color: #068edb;
padding: 30px 13px 30px 30px;
border-radius: 3px;
max-width: 100%;
font-size: 16px;
font-style: normal;
 font-weight: 600
}

#top-site-message {
color: white;
text-align: center;
}

#top-site-message-CTA {
width: 10%;
color: white;
text-decoration: none;
background: #043d86;
padding: 10px;
border-radius: 3px;
}

#top-site-message-hide {
float: right;
border: none;
color: white;
background-color: blue;
border-radius: 3px;
}

div.yay {
  display: none;
}

button.yay {display: none;
}

// Selects the FIRST occurance of <button>;
var button = document.querySelector("button");
var element = document.querySelector("div");

button.addEventListener("click", function() {
  element.classList.toggle("yay");
  button.classList.toggle("yay");
});

// Begin script portion for cookies
function TopMessage(){
   days=30;
   myDate = new Date();
   myDate.setTime(myDate.getTime()+(days*24*60*60*1000));
   document.cookie = 'TopMessage=Hidden; expires=' + myDate.toGMTString();
}

var cookie = document.cookie.split(';')
    .map(function(x){ return x.trim().split('='); })
    .filter(function(x){ return x[0]==='TopMessage'; })
    .pop();

if(cookie && cookie[1]==='Accepted') {
    $("div.yay").hide();
    $("button.yay").hide();
}

$('.top-site-message-hide').on('click', function(){
    TopMessage();
    return false;
}); 

JS:

<div id="top-site-message-wrapper">

<div id="top-site-message">
Members: you can reduce paper consumption by choosing to receive your membership package by email:

<a href="http://www.oct.ca/" id="top-site-message-CTA">  
Yes Please</a>

<button id="top-site-message-hide">
  x
</button>

</div>  
</div>

#top-site-message-wrapper {
background-color: #068edb;
padding: 30px 13px 30px 30px;
border-radius: 3px;
max-width: 100%;
font-size: 16px;
font-style: normal;
 font-weight: 600
}

#top-site-message {
color: white;
text-align: center;
}

#top-site-message-CTA {
width: 10%;
color: white;
text-decoration: none;
background: #043d86;
padding: 10px;
border-radius: 3px;
}

#top-site-message-hide {
float: right;
border: none;
color: white;
background-color: blue;
border-radius: 3px;
}

div.yay {
  display: none;
}

button.yay {display: none;
}

// Selects the FIRST occurance of <button>;
var button = document.querySelector("button");
var element = document.querySelector("div");

button.addEventListener("click", function() {
  element.classList.toggle("yay");
  button.classList.toggle("yay");
});

// Begin script portion for cookies
function TopMessage(){
   days=30;
   myDate = new Date();
   myDate.setTime(myDate.getTime()+(days*24*60*60*1000));
   document.cookie = 'TopMessage=Hidden; expires=' + myDate.toGMTString();
}

var cookie = document.cookie.split(';')
    .map(function(x){ return x.trim().split('='); })
    .filter(function(x){ return x[0]==='TopMessage'; })
    .pop();

if(cookie && cookie[1]==='Accepted') {
    $("div.yay").hide();
    $("button.yay").hide();
}

$('.top-site-message-hide').on('click', function(){
    TopMessage();
    return false;
}); 

//选择第一次出现的；
var按钮=document.querySelector（“按钮”）；
var元素=document.querySelector（“div”）；
addEventListener（“单击”，函数（）{
元素.classList.toggle（“yay”）；
按钮。类列表。切换（“yay”）；
});
//开始cookies的脚本部分
函数TopMessage（）{
天数=30天；
myDate=新日期（）；
设置时间（myDate.getTime（）+（天*24*60*60*1000））；
document.cookie='TopMessage=Hidden；expires='+myDate.togmString（）；
}
var cookie=document.cookie.split（“；”）
.map（函数（x）{return x.trim（）.split（'='）；}）
.filter（函数（x）{返回x[0]=='TopMessage'；}）
.pop（）；
如果（cookie&&cookie[1]=“已接受”）{
$（“div.yay”）.hide（）；
$（“button.yay”）.hide（）；
}
$（'.top site message hide'）。在（'单击'，函数（）上）{
TopMessage（）；
返回false；
}); 

我刚去了你的代码栏。单击X按钮，弹出窗口关闭。这还是个问题吗？是的。我可以关闭弹出窗口，但无法通过cookie使其保持丁香。为什么要使用.top site message hide而不是#top site message hide？。为什么在将cookie设置为“Hidden”时检查cookie是否“已接受”？