17 lines
519 B
JavaScript
17 lines
519 B
JavaScript
const backdrop = document.querySelector('.backdrop');
|
|
const sideDrawer = document.querySelector('.mobile-nav');
|
|
const menuToggle = document.querySelector('#side-menu-toggle');
|
|
|
|
function backdropClickHandler() {
|
|
backdrop.style.display = 'none';
|
|
sideDrawer.classList.remove('open');
|
|
}
|
|
|
|
function menuToggleClickHandler() {
|
|
backdrop.style.display = 'block';
|
|
sideDrawer.classList.add('open');
|
|
}
|
|
|
|
backdrop.addEventListener('click', backdropClickHandler);
|
|
menuToggle.addEventListener('click', menuToggleClickHandler);
|