Javascript 响应下拉菜单将不会关闭

我为我的网站制作了这个简单的下拉菜单。使用CSS，我使一切都成为它应该的样子，但是我的js文件有点问题。有谁能帮我修改js文件，这样当我第二次按下“汉堡”按钮（切换菜单）时，下拉菜单就会崩溃（关闭）。否则，div“下拉菜单内容”中的最后一个图像标记是关闭图标，但closeMenu（）函数不起作用。当我点击它时，什么也没有发生

下面是HTML和js文件。多谢各位

//菜单切换按钮
函数切换菜单（）{
var menuBox=document.getElementById（'menu-display'）；
if（menuBox.style.display==“块”）{
menuBox.style.display=“无”；
}否则{
menuBox.style.display=“块”；
}
}
函数关闭菜单（）{
var menuBox=document.getElementById（'menu-display'）；
menuBox.style.display=“无”；
}

//菜单切换按钮
函数切换菜单（）{
var menuBox=document.getElementById（'dropdown-menu-display'）；
if（menuBox.style.display==“块”）{
menuBox.style.display=“无”；
}否则{
menuBox.style.display=“块”；
}
}
函数关闭菜单（）{
var menuBox=document.getElementById（'dropdown-menu-display'）；
menuBox.style.display=“无”；
}

var menuBox=document.getElementById（'dropdown-menu'）；
//菜单切换按钮
函数切换菜单（）{
if（menuBox.style.display==“块”）{
menuBox.style.display=“无”；
}否则{
menuBox.style.display=“块”；
}
}
函数关闭菜单（）{
menuBox.style.display=“无”；
}

。下拉菜单显示{显示：无}
.下拉菜单显示{边框：1px实心#eee；填充：5px；宽度：100px}
.下拉菜单内容a{显示：块；轮廓：0；文本装饰：无}
.下拉菜单内容a:悬停{背景色：#eee}

按钮

只需使用jQuery

CSS

Javascript

$('#dropdown-btn').click(function(
    $('#dropdown-menu-display').toggleClass('menu-display');
});

---

它不应该是

document.getElementById（'dropdown-menu-display'）

而不是

document.getElementById（'menu-display'）

？您可以通过查看JavaScript Web控制台检查是否存在JavaScript错误来确认这一点。创造一个！非常感谢你。。。没看到我用班级代替id:D

$('#dropdown-btn').click(function(
    $('#dropdown-menu-display').toggleClass('menu-display');
});