Как сделать выпадающее меню на js?

Question

[Denir0]

https://jsbin.com/zetuhef/edit?html,css,js,output
Есть вот такое меню на js. Дело в том что открывается оно как надо, а вот как сделать анимацию закрытия не знаю. Нужен только css и чистый js.

Comments

[Михаил Р.]

Как сделать выпадающее меню на js

может стоит добавить тег js?

Answer 1

[AngReload]

/* помимо тех стилей что уже есть */
.hiding {
  height: 0;
}

var burger = document.querySelector(".burger");
var menu = document.querySelector(".menu");

burger.addEventListener("click", function(evt) {
  evt.preventDefault();
  if (menu.classList.contains("show") && !menu.classList.contains("hiding")) {
    menu.classList.add("hiding");
    var cb = function () {
      menu.classList.remove("show");
      menu.classList.remove("hiding");
      menu.removeEventListener("transitionend", cb, false);
    };
    menu.addEventListener("transitionend", cb, false);
  } else {
    menu.classList.add("show");
    menu.classList.remove("hiding");
  }
})