Your Name
17 lines
687 B
JavaScript
17 lines
687 B
JavaScript
const menuButton = document.querySelector('[data-menu-toggle]');
|
|
const nav = document.querySelector('#main-nav');
|
|
const searchButton = document.querySelector('[data-search-toggle]');
|
|
const searchForm = document.querySelector('[data-search-form]');
|
|
|
|
menuButton?.addEventListener('click', () => {
|
|
const open = menuButton.getAttribute('aria-expanded') === 'true';
|
|
menuButton.setAttribute('aria-expanded', String(!open));
|
|
nav?.classList.toggle('is-open', !open);
|
|
});
|
|
|
|
searchButton?.addEventListener('click', () => {
|
|
const opening = searchForm?.hasAttribute('hidden');
|
|
searchForm?.toggleAttribute('hidden', !opening);
|
|
if (opening) searchForm?.querySelector('input')?.focus();
|
|
});
|