Close mobile menu
This commit is contained in:
parent
a9281418c4
commit
3005be2d8e
|
@ -1,29 +1,31 @@
|
|||
"use strict";
|
||||
'use strict';
|
||||
|
||||
const burger = document.querySelector(".burger");
|
||||
const burgerOpen = document.querySelector(".burger__button--open");
|
||||
const burgerClose = document.querySelector(".burger__button--close");
|
||||
const menuMobile = document.querySelector(".nav-mobile");
|
||||
const menuLinks = document.querySelectorAll(".nav__link");
|
||||
const overlay = document.querySelector(".overlay");
|
||||
const form = document.querySelector(".footer__form");
|
||||
const confirmation = document.querySelector(".footer__confirm");
|
||||
const burger = document.querySelector('.burger');
|
||||
const burgerOpen = document.querySelector('.burger__button--open');
|
||||
const burgerClose = document.querySelector('.burger__button--close');
|
||||
const menuMobile = document.querySelector('.nav-mobile');
|
||||
const menuLinks = document.querySelectorAll('.nav__link');
|
||||
const overlay = document.querySelector('.overlay');
|
||||
const form = document.querySelector('.footer__form');
|
||||
const confirmation = document.querySelector('.footer__confirm');
|
||||
|
||||
const closeMobileMenu = () => {
|
||||
burgerOpen.classList.toggle("hidden");
|
||||
burgerClose.classList.toggle("hidden");
|
||||
menuMobile.classList.toggle("hidden");
|
||||
overlay.classList.toggle("hidden");
|
||||
burgerOpen.classList.toggle('hidden');
|
||||
burgerClose.classList.toggle('hidden');
|
||||
menuMobile.classList.toggle('hidden');
|
||||
overlay.classList.toggle('hidden');
|
||||
};
|
||||
|
||||
burger.addEventListener("click", closeMobileMenu);
|
||||
overlay.addEventListener("click", closeMobileMenu);
|
||||
menuLinks.forEach(function (link) {
|
||||
link.addEventListener("click", closeMobileMenu);
|
||||
burger.addEventListener('click', closeMobileMenu);
|
||||
overlay.addEventListener('click', closeMobileMenu);
|
||||
menuLinks.forEach((link) => {
|
||||
link.addEventListener('click', () => {
|
||||
closeMobileMenu;
|
||||
});
|
||||
});
|
||||
|
||||
form.addEventListener("submit", function (e) {
|
||||
form.addEventListener('submit', (e) => {
|
||||
e.preventDefault();
|
||||
form.classList.toggle("hidden");
|
||||
confirmation.classList.toggle("hidden");
|
||||
form.classList.toggle('hidden');
|
||||
confirmation.classList.toggle('hidden');
|
||||
});
|
||||
|
|
Loading…
Reference in New Issue