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"); 
    }); 
});