Javascript 如何使底部弹出栏可关闭？

我在我的网站上创建了一个弹出窗口，使用HTML在屏幕底部显示警报。以下是我目前掌握的情况：

<div id="toolbar" style="position: fixed; bottom: 0px; left: 0px; width: 100%; color: #fff; background: #000;">
     <p><b>ATTENTION:</b> Text Here </p>
</div>  

注意：此处为文本

这是一个很好的工具栏，但我不知道如何使其能够关闭。

使用事件和javascript函数：

函数隐藏（）{
document.getElementById（'toolbar'）。style.display='none'；//获取元素并将display设置为none
}

注意：此处为文本

&时代；

使用事件和javascript函数：

函数隐藏（）{
document.getElementById（'toolbar'）。style.display='none'；//获取元素并将display设置为none
}

注意：此处为文本

&时代；

jQuery方式：
HTML:

注意：此处为文本

x

JavaScript:

<script>
  $('#close').on('click', function() {
    $('#toolbar').hide();
  })
</script>

$（'#close'）。在（'单击'，函数（）上）{
$（“#工具栏”）.hide（）；
})

纯JavaScript方式：

<script>
  document.getElementById("close").addEventListener("click", function(){
    document.getElementById("toolbar").style.display = 'none';
  });
</script>

document.getElementById（“close”）.addEventListener（“单击”，函数）（）{
document.getElementById（“工具栏”）.style.display='none'；
});

---

您在弹出窗口中创建“X”，单击时，它会隐藏弹出窗口。

jQuery方式：
HTML:

注意：此处为文本

x

JavaScript:

<script>
  $('#close').on('click', function() {
    $('#toolbar').hide();
  })
</script>

$（'#close'）。在（'单击'，函数（）上）{
$（“#工具栏”）.hide（）；
})

纯JavaScript方式：

<script>
  document.getElementById("close").addEventListener("click", function(){
    document.getElementById("toolbar").style.display = 'none';
  });
</script>

document.getElementById（“close”）.addEventListener（“单击”，函数）（）{
document.getElementById（“工具栏”）.style.display='none'；
});

---

您在弹出窗口中创建“X”，单击时，它会隐藏弹出窗口。

关闭是什么意思？您尝试过什么Javascript/jQuery？您是否尝试过更改divs属性

显示

，例如隐藏div？顺便问一下，你如何管理这个东西弹出，我的意思是如果它是弹出。。它应该弹出并弹回来，对吗？关闭是什么意思？您尝试过什么Javascript/jQuery？您是否尝试过更改divs属性

display

以隐藏div？顺便问一下，你如何管理这个东西弹出，我的意思是如果它是弹出。。它应该会弹出然后再弹出，对吗？