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