Javascript菜单类切换

Question

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

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

＆＃13;

＆＃13;

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

＆＃13;

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

.vis {
  display: block;
}

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

Answer 1

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

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