function closeBurger(event) { // Тут добавился параметр event, это событие которое происходит в момент клика, и у него есть свойства, например место где произошло событие, цель - target
// Тут добавляем проверку, если клик происходит по toggle элементу, то ничего не делаем
if (event.target === toggle) {
return;
}
if (menu.classList.contains("active")) {
toggleMenu();
toggleToggle();
}
}
function closeBurger() {
if (menu.classList.contains("active")) { // Если меню содержит класс active, то срабатывает код ниже
toggleMenu(); // переключается меню
toggleToggle(); // переключается кнопка
}
}
document.addEventListener('click', closeBurger, false);
var menu = document.querySelector(".menu"),
toggle = document.querySelector(".menu-toggle");
function toggleToggle() {
toggle.classList.toggle("menu-open");
}
function toggleMenu() {
menu.classList.toggle("active");
}
function closeBurger() {
if (menu.classList.contains("active")) {
toggleMenu();
toggleToggle();
}
}
document.addEventListener('click', closeBurger, false);
toggle.addEventListener("click", toggleToggle, false);
toggle.addEventListener("click", toggleMenu, false);