<button id="toggle">Toggle</button>
<div class="submenu">Submenu</div>
html {
background: #fbdf00;
font-size: 20px;
}
.active {
background-color: white;
}
let toggle = document.querySelector("#toggle");
let submenu = document.querySelector(".submenu");
toggle.addEventListener('click', function() {
submenu.classList.toggle('active');
});
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.