// Custom JS to Close the Navigation menu, if its open, & if the screen goes above 992px wide (Bootstrap 4 'lg' devices) const NAVBAR_COLLAPSE_ID = 'headerGlobalNavbarContent'; // ID built into the sites' HTML
function collapseElement(el) {
$(el).collapse('hide'); // Bootstrap 4 `.collapse()` method.
}
function checkNavbarCollapseState(menuEl) {
if ( menuEl.classList.contains('show') ) { // 'show' is a Bootstrap 4 class that makes `.collapse` items visible. // Checking to see if the Menu is open collapseElement(menuEl); }
}
function windowResizeHandler() {
if ( window.innerWidth >= 992 ) { const menuCollapseElement = document.getElementById(NAVBAR_COLLAPSE_ID); checkNavbarCollapseState(menuCollapseElement); }
}
function toggleMenuOnWindowResize() {
window.addEventListener('resize', windowResizeHandler);
}
export default toggleMenuOnWindowResize;