diff --git a/books.html b/books.html index 9eaf5f8..2be2658 100644 --- a/books.html +++ b/books.html @@ -195,29 +195,8 @@ tryLoadCover(img); }); }); - - // Menu dropdown toggle - function toggleMenu() { - const dropdown = document.querySelector('.menu-dropdown'); - const btn = document.querySelector('.menu-button'); - const willShow = !dropdown.classList.contains('show'); - dropdown.classList.toggle('show'); - if (btn) btn.setAttribute('aria-expanded', willShow ? 'true' : 'false'); - } - - // Close dropdown when clicking outside - document.addEventListener('click', function(event) { - const menuWrapper = document.querySelector('.menu-wrapper'); - if (menuWrapper && !menuWrapper.contains(event.target)) { - const dropdown = document.querySelector('.menu-dropdown'); - if (dropdown) { - dropdown.classList.remove('show'); - const btn = document.querySelector('.menu-button'); - if (btn) btn.setAttribute('aria-expanded', 'false'); - } - } - }); +
Skip to content diff --git a/index.html b/index.html index b4a86a0..9b92ccd 100644 --- a/index.html +++ b/index.html @@ -98,29 +98,8 @@ const icon = document.querySelector('.theme-toggle-slider i'); icon.className = theme === 'light' ? 'fas fa-moon' : 'fas fa-sun'; }); - - // Menu dropdown toggle - function toggleMenu() { - const dropdown = document.querySelector('.menu-dropdown'); - const btn = document.querySelector('.menu-button'); - const willShow = !dropdown.classList.contains('show'); - dropdown.classList.toggle('show'); - if (btn) btn.setAttribute('aria-expanded', willShow ? 'true' : 'false'); - } - - // Close dropdown when clicking outside - document.addEventListener('click', function(event) { - const menuWrapper = document.querySelector('.menu-wrapper'); - if (menuWrapper && !menuWrapper.contains(event.target)) { - const dropdown = document.querySelector('.menu-dropdown'); - if (dropdown) { - dropdown.classList.remove('show'); - const btn = document.querySelector('.menu-button'); - if (btn) btn.setAttribute('aria-expanded', 'false'); - } - } - }); + Skip to content diff --git a/js/menu.js b/js/menu.js new file mode 100644 index 0000000..eedb89a --- /dev/null +++ b/js/menu.js @@ -0,0 +1,21 @@ +// Menu dropdown toggle +function toggleMenu() { + const dropdown = document.querySelector('.menu-dropdown'); + const btn = document.querySelector('.menu-button'); + const willShow = !dropdown.classList.contains('show'); + dropdown.classList.toggle('show'); + if (btn) btn.setAttribute('aria-expanded', willShow ? 'true' : 'false'); +} + +// Close dropdown when clicking outside +document.addEventListener('click', function(event) { + const menuWrapper = document.querySelector('.menu-wrapper'); + if (menuWrapper && !menuWrapper.contains(event.target)) { + const dropdown = document.querySelector('.menu-dropdown'); + if (dropdown) { + dropdown.classList.remove('show'); + const btn = document.querySelector('.menu-button'); + if (btn) btn.setAttribute('aria-expanded', 'false'); + } + } +});