1
$(document).ready(function(){
  $( "#menu" ).click(function() {
    $( "#nav" ).slideToggle( "slow", function() {
   });
  });
})
1
  • 1
    Пометьте вопрос html и Sebastopol вам без всяких JS, на чистом CSS сделает. И круче будет.
    – Leonid
    1 апр 2020 в 19:19

1 ответ 1

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%); 
}
1

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.