const navTabs = document.querySelectorAll("#nav-tabs > a");
navTabs.forEach((tab) => {
tab.addEventListener("click", () => {
navTabs.forEach((tab) => {
tab.classList.remove("active");
});
tab.classList.add("active");
});
});
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter