JS change active class if url path matches
Wed Aug 23 2023 04:37:24 GMT+0000 (Coordinated Universal Time)
Saved by
@davidmchale
#javascript
#splide
#slider
function dynamicVetIsNav(){
const vetisMainNavLinks = document.querySelectorAll('#vetis-main-navigation .vet-nav__menu-link');
const currentURL = window.location.pathname;
const pathSegments = currentURL.split('/').filter(segment => segment !== "");
if(vetisMainNavLinks){
if (pathSegments.length >= 3) {
const vetisMainURLPathname = pathSegments.slice(0, 3).join('/');
for (const navLink of vetisMainNavLinks){
const navhref = navLink.getAttribute("href");
if (navhref.includes(vetisMainURLPathname)) navLink.classList.add("active");
}
}
}
}
document.addEventListener("DOMContentLoaded", dynamicVetIsNav);
content_copyCOPY
Comments