Javascript Menü Klasse toggle

Question

Ich möchte ein Menü für meine Website machen. Es ist innerhalb div mit display: none gesetzt.

Ich möchte, dass mein Menü als Klick auf das Bild angezeigt wird. Ich bin neu bei JS, vielleicht mache ich es völlig falsch. Gibt es irgendwelche richtigen Wege, dies zu tun?

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

Sie haben vergessen, die # für die Verwendung von ID als Selektor

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