summaryrefslogtreecommitdiff
path: root/html/content/js/Plugins/tabtoggle.js
blob: 84a0508916a0eba6f4ac78a7cbc0d1d65c9be8ca (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
$$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'
            });
		}
	});
});