Navbar with Dropdown and Auto-Close

document.addEventListener('DOMContentLoaded', function () { const mobileMenu = document.getElementById('mobile-menu'); const navList = document.querySelector('.nav-list'); const dropdownToggles = document.querySelectorAll('.dropdown-toggle'); const navLinks = document.querySelectorAll('.nav-list a'); const navbar = document.querySelector('.navbar'); mobileMenu.addEventListener('click', () => navList.classList.toggle('show')); dropdownToggles.forEach(toggle => { toggle.addEventListener('click', e => { e.preventDefault(); toggle.closest('.dropdown').classList.toggle('open'); }); }); navLinks.forEach(link => { link.addEventListener('click', function () { if (!this.classList.contains('dropdown-toggle')) { navList.classList.remove('show'); document.querySelectorAll('.dropdown').forEach(drop => drop.classList.remove('open')); } }); }); document.addEventListener('click', e => { if (!navbar.contains(e.target) && !e.target.closest('.dropdown-menu')) { navList.classList.remove('show'); document.querySelectorAll('.dropdown').forEach(drop => drop.classList.remove('open')); } }); });

the rexes

Welcome to the Online home of the Rexes

If you landed here, you are likely looking for information about Dave, Nathan or our family.
If not, click on Google to get back to searching.
If so, click the arrow [ ⌄ ] below for more information

Chevron Down

Connect to Dave

Connect to the Family

Connect to Nathan