我的网站上有此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();