Javascript 菜单类切换

Question

我想为我的网站制作一个菜单。它位于设置了 display: none 的 div 中。

我希望我的菜单显示为点击图像。我是 JS 的新手，所以也许我做的完全错了。有什么正确的方法可以做到这一点吗？

$(document).ready(function() {
  $("menuimg").click(function() {
    $("menu").toggleClass("vis");
  });
});

#menu {
  position: fixed;
  display: none;
}

.vis {
  display: block;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<header id="mnu">
  <div id="menubackground">
    <img id="menuimg" src="Logo.png" alt="" /></div>
</header>
<header id="menu">
  <div id="hid">
    <img src="Logowhite.png" alt="" />
  </div>
</header>

Answer 1

您忘记了使用 id 作为选择器的 #

$(document).ready(function(){
    $("#menuimg").click(function(){
        $("#menu").toggleClass("vis");
    });
});