Dropdown menu javscript erstellen?

Hi

Ich hab folgenden Code und weiß nicht wie ich ein Dropdown menu erstellen kann, dass mana uf den Button drückt und die von mir angegebene Navigationsleiste als block darstellt?

HTML:
<section id="MenuBtn">
   <ul>
    <li><a href="#" class="MenuButton"><img src="Bilder-Topleiste/menu-icon.png"></a></li>
   </ul>
  </section>
 <hr>
 <header>
  <h1><b><a href="">Überschrift</a></b></h1>
  <h3 id="Subtitle">Unterschrift</h3>
 </header>
 <nav class="nav" id="DDnav">
  <ul>
   <li><a href="#">Homepage</a></li>
   <li><a href="#">Künstler</a></li>
   <li><a href="#">Kaufen/Verkaufen</a></li>
   <li><a href="#">Kontakt</a></li>
   <li><a href="#">Impressum</a></li>
  </ul>
</nav>
 CSS:
#MenuBtn{
display:none;
}
nav{
 display: block;
 background-color: white;
 height: 2.5em;
 text-align: center;
}
nav ul{
 display: block;
}
nav ul li{
 display: inline;
 margin: 0em 0.188em 0em 0.188em;
}
nav ul li a{
 color: black;
 font-size: 1.25em;
 padding: 10px;
 line-height: 1.5em;
}
@media screen and (min-width: 1030) {
 nav.nav{
  display: block !important;
 }
}
@media screen and (max-width: 1030px) {
 nav{
  display:none;
  height: auto;
 }
 nav ul li{
  display: block;
  margin: 0em auto;
 }
 #MenuBtn{
  display: block;
 }
}
Computer, Website, Technik, Webseite, CSS, JavaScript, JS, Technologie, Webdesign, Webdevelopment, Webentwicklung, dropdown menü, Spiele und Gaming
1 Antwort