在外部单击时关闭导航

时间:2020-05-13 07:42:50

标签: javascript html css

我的网站上有此JS代码!我的问题是,当您在区域外单击时,如何才能关闭菜单?谢谢!

const navSlide = () => {
  const burger = document.querySelector('.burger');
  const nav = document.querySelector('.nav-links');
  const navLinks = document.querySelectorAll('.nav-links li');

  burger.addEventListener('click', () => {
    //Toggle nav
    nav.classList.toggle('nav-active');

    //Animate links
    navLinks.forEach((link, index) => {
      if (link.style.animation) {
        link.style.animation = '';
      } else {
        link.style.animation = `navLinkFade 0.5s ease forwards ${
          index / 7 + 0.3
        }s`;
      }
    });

    // Burger animate
    burger.classList.toggle('toggle');
  });
};
navSlide();

0 个答案:

没有答案