32 lines
1.0 KiB
JavaScript
32 lines
1.0 KiB
JavaScript
|
if(document.querySelector("[nav-pills]")){
|
||
|
|
var nav_pills = document.querySelector("[nav-pills]");
|
||
|
|
|
||
|
|
var plans = document.querySelectorAll("[" + nav_pills.getAttribute("aria-controls") + "]");
|
||
|
|
|
||
|
|
var links = nav_pills.querySelectorAll("li a[nav-link]");
|
||
|
|
|
||
|
|
links.forEach((link) => {
|
||
|
|
link.addEventListener("click", function () {
|
||
|
|
|
||
|
|
var selected_link = plans[0].querySelector("[" + link.getAttribute("aria-controls") + "]");
|
||
|
|
|
||
|
|
if (!selected_link.hasAttribute("active")) {
|
||
|
|
let active_link = nav_pills.querySelector("li a[nav-link][active]");
|
||
|
|
|
||
|
|
plans.forEach(plan => {
|
||
|
|
|
||
|
|
let active_plan = plan.querySelector("[" + active_link.getAttribute("aria-controls") + "]");
|
||
|
|
let selected_plan = plan.querySelector("[" + link.getAttribute("aria-controls") + "]");
|
||
|
|
|
||
|
|
active_plan.classList.add("hidden");
|
||
|
|
selected_plan.classList.remove("hidden");
|
||
|
|
|
||
|
|
active_plan.removeAttribute("active");
|
||
|
|
selected_plan.setAttribute("active", "true");
|
||
|
|
});
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
}
|