javascript - A11y 响应式菜单

Question

嗨，任何人都可以帮助我吗？我创建了一个 a11y 响应式菜单，我试图让当您重新单击汉堡包时菜单打开时，动画会自行反转，但现在没有从活动过渡隐藏在这里的codepen。

const menuToggle = document.querySelector('.menu-toggle');
const menuVi = document.querySelector('.top-nav ul');

menuToggle.addEventListener("click", ()  => {
    let menuClosed = menuVi.classList.contains("hidden");
    console.log(menuVi);
    menuToggle.setAttribute("aria-expanded", menuClosed);
    menuVi.classList.toggle("hidden");
    menuVi.classList.toggle("active");
  
    console.log(menuVi);
});

标签： javascripthtmlcssaccessibility