$$plugins.define('tabtoggle', function (element, options) { var activeTab = element.querySelector(".active"); var sliderNav = element.querySelector(".tabToggle__tabs"); var activeTabContent = document.querySelector("[data-tabToggle-content].active"); if (element.querySelector(".tabToggle__tab:nth-child(2)").classList.contains("active")) { sliderNav.classList.add("slide"); } element.addEventListener("click", function (e) { if (!(e.target.classList.contains("active"))) { activeTab.classList.remove("active"); activeTab = e.target; activeTab.classList.add("active"); sliderNav.classList.toggle("slide"); activeTabContent.classList.remove("active"); activeTabContent = document.querySelector("[data-tabToggle-content=" + activeTab.dataset.tabtoggleTarget) activeTabContent.classList.add("active"); window.scrollTo({ top: activeTabContent.getBoundingClientRect().top + window.scrollY - document.querySelector(".header").offsetHeight, behavior: 'smooth' }); } }); });