下拉javascript块

我对javascript下拉菜单有问题。 我需要显示一些内容后，点击标题框

HTML

JS

函数ShowCookieBox（）{
document.getElementById（“cookiemenu_下拉列表”）.classList.toggle（“ShowCookieBox”）；
}

根本不起作用。有人能告诉我为什么吗

第二个问题。是否有机会更改JS，以便它可以在cookie中保存框的“状态”（显示或隐藏）？所以用户可以离开它，关闭页面，在下次访问时，它保持原样？

您有两个输入错误

div的id应该是div上的

cookiemenu下拉列表

，但它当前是

cookiemenu下拉列表

而且颜色只是红色而不是红色

函数ShowCookieBox（）{
document.getElementById（“cookiemenu_下拉列表”）.classList.toggle（“ShowCookieBox”）；
}

#Cookie菜单{
宽度：100%；
溢出：隐藏；
显示：块；
}
#cookiemenu div.cookiemenu\u标题{
宽度：100%；
显示：块；
边际上限：0px；
背景色：#0B3954；
颜色：#FFFFFF；
文本对齐：居中；
高度：25px；
字体大小：20px；
线高：25px；
}
#cookiemenu div.cookiemenu_标题：悬停，div.cookiemenu_标题：目标{
光标：手；
文字装饰：下划线；
}
div.cookiemenu\u内容{
}
.展示厨柜{
显示：块；
边框：2倍纯红；
}

试验
Lorem ipsum dolor sit amet，是一位杰出的献身者。莫氏沼虾（Phasellus mollis magna）为亨德雷特权杖。

将CSS规则更改为

div.cookiemenu_content.ShowCookieBox {
    display: block;
    border:2px solid red;
}
div.cookiemenu_content {
    display: none;
}

当应用

ShowCookieBox

类时，来自

.ShowCookieBox

的

display:none

正在覆盖

div.cookiemenu\u content

中的

display:block

---

当我编辑这篇文章时，请检查我的坏消息。在我的源代码中，它是正确的。它根本不起作用。请确保您也更改CSS中的

#red

。哦，谢谢。但当我尝试更改cookiemenu_内容隐藏（display:none；）和javascrips使用toogle display:block之后；它不起作用了。你知道为什么吗？谢谢你的回答，这不管用——这是你能用的最没有帮助的一句话。什么不起作用？它没有做什么？它在做什么不该做的？您的浏览器开发人员工具中是否存在控制台错误？帮助我们帮助你

  #cookiemenu {
  width:100%;
  overflow: hidden;
  display:block;

}
#cookiemenu div.cookiemenu_header {
  width:100%;
  display:block;
  margin-top: 0px;
  background-color: #0B3954;
  color:#FFFFFF;
  text-align: center;
  height: 25px;
  font-size: 20px;
  line-height: 25px;
}
#cookiemenu div.cookiemenu_header:hover, div.cookiemenu_header:target {
  cursor: hand;
  text-decoration: underline;
}
div.cookiemenu_content {
}
.ShowCookieBox {
  display:block;
  border:2px solid #red;
}

<script>
 function ShowCookieBox() {
    document.getElementById("cookiemenu_dropdown").classList.toggle("ShowCookieBox");
 }
</script>

div.cookiemenu_content.ShowCookieBox {
    display: block;
    border:2px solid red;
}
div.cookiemenu_content {
    display: none;
}