Как перевести етот код с jQuery на чистий JavaScript?

Question

$(document).ready(function(){
  $( "#menu" ).click(function() {
    $( "#nav" ).slideToggle( "slow", function() {
   });
  });
})

Answer 1

JS:

document.addEventListener('DOMContentLoaded', function(){
    var btnMenu = document.getElementsById("menu");
    var navNode = document.getElementsById("nav");

    btnMenu.addEventListener("click", function(){
        navNode.classList.toggle("active");
    }, false);
})

CSS:

#nav {  
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: .5s; // or something other
    transform: translate(0, -100%); // or something other 
}
#nav.active{
    visibility: visible;
    opacity: 1;
    transform: translate(0, 100%); 
}

БЛОГ НА HUSL

Как перевести етот код с jQuery на чистий JavaScript?

Ответы (1 шт):