feat: added nav adaptive
This commit is contained in:
20
assets/js/nav.js
Normal file
20
assets/js/nav.js
Normal file
@@ -0,0 +1,20 @@
|
||||
const burger = document.querySelector('.header__burger');
|
||||
const headerNav = document.querySelector('.header__nav');
|
||||
|
||||
if (burger && headerNav) {
|
||||
burger.addEventListener('click', () => {
|
||||
headerNav.classList.toggle('active');
|
||||
burger.classList.toggle('active');
|
||||
});
|
||||
|
||||
headerNav.addEventListener('click', (event) => {
|
||||
const isLink = event.target.classList.contains('header__nav-link');
|
||||
const isPhone = event.target.classList.contains('header__nav-phone');
|
||||
const isButton = event.target.classList.contains('button');
|
||||
|
||||
if (isLink || isPhone || isButton) {
|
||||
headerNav.classList.remove('active');
|
||||
burger.classList.remove('active');
|
||||
}
|
||||
});
|
||||
}
|
||||
Reference in New Issue
Block a user