tabbedContainer.js (549B)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

function clickTab (evt) {

    const tabName = evt.target.getAttribute("tabName");
    const container = evt.currentTarget.parentElement;
    const tabContent = container.getElementsByClassName("tabContent");
    const tabLink = container.getElementsByClassName("tabLink");

    for (let element of tabContent){
        element.classList.remove("active");
    }

    for (let element of tabLink){
        element.classList.remove("active");
    }

    tabContent.namedItem(tabName).classList.add("active");
    evt.target.classList.add("active");
}