2020-01-05 00:54:40 +01:00
|
|
|
function openTab(evt) {
|
2020-01-09 21:03:06 +01:00
|
|
|
var i, tabcontent, tablinks, tabName;
|
|
|
|
|
tabName = evt.currentTarget.id;
|
2020-01-05 00:54:40 +01:00
|
|
|
|
2020-01-09 21:03:06 +01:00
|
|
|
tabcontent = document.getElementsByClassName("tabcontent");
|
|
|
|
|
for (i = 0; i < tabcontent.length; i++) {
|
|
|
|
|
tabcontent[i].style.display = "none";
|
|
|
|
|
}
|
|
|
|
|
tablinks = document.getElementsByClassName("tablinks");
|
|
|
|
|
for (i = 0; i < tablinks.length; i++) {
|
|
|
|
|
tablinks[i].className = tablinks[i].className.replace(" active", "");
|
|
|
|
|
}
|
2020-01-05 00:54:40 +01:00
|
|
|
|
2020-01-09 21:03:06 +01:00
|
|
|
let el = document.getElementById(tabName + "Content");
|
|
|
|
|
el.style.display = "block";
|
2020-01-05 00:54:40 +01:00
|
|
|
|
2020-01-09 21:03:06 +01:00
|
|
|
evt.currentTarget.className += " active";
|
2020-01-05 00:54:40 +01:00
|
|
|
}
|
|
|
|
|
|
2020-01-09 21:03:06 +01:00
|
|
|
document.addEventListener("DOMContentLoaded", function() {
|
|
|
|
|
let tablinks = document.getElementsByClassName("tablinks");
|
2020-01-05 00:54:40 +01:00
|
|
|
for (i = 0; i < tablinks.length; i++) {
|
2020-01-09 21:03:06 +01:00
|
|
|
document.getElementById(tablinks[i].id).addEventListener("click", openTab);
|
2020-01-05 00:54:40 +01:00
|
|
|
}
|
|
|
|
|
});
|