Hamburger Menu Toggle
Tue Mar 22 2022 02:58:11 GMT+0000 (Coordinated Universal Time)
Saved by
@25vitalyzd2
document.addEventListener('DOMContentLoaded', () => {
let hamburgerMenu = document.querySelector('.hamburgerMenu');
let spNav = document.querySelector('.l-header__navbar-sp');
hamburgerMenu.addEventListener('click', () => {
hamburgerMenu.classList.toggle('isActive');
document.querySelector('.l-header__row').classList.toggle('isWhite');
spNav.classList.toggle('isActive');
if(hamburgerMenu.classList.contains('isActive')) {
hamburgerMenu.querySelector('.toggler').innerHTML = 'CLOSE';
} else {
hamburgerMenu.querySelector('.toggler').innerHTML = 'MENU';
}
});
});
content_copyCOPY
Comments