37 lines
1.6 KiB
JavaScript
37 lines
1.6 KiB
JavaScript
document.addEventListener('DOMContentLoaded', function () {
|
|
const tabs = document.querySelectorAll('.tabSectionMalware');
|
|
const tabDetails = document.querySelectorAll('.tabDetailsMainSection');
|
|
function handleTabClick(event, index) {
|
|
tabs.forEach(tab => {
|
|
tab.classList.remove('tabSectionActiveMalware');
|
|
});
|
|
tabDetails[0].children[0].classList.remove('tabSectionActiveDetails');
|
|
tabDetails[0].children[1].classList.remove('tabSectionActiveDetails');
|
|
tabDetails[0].children[2].classList.remove('tabSectionActiveDetails');
|
|
tabDetails[0].children[3].classList.remove('tabSectionActiveDetails');
|
|
tabDetails[0].children[4].classList.remove('tabSectionActiveDetails');
|
|
|
|
tabDetails[0].children[index].classList.add('tabSectionActiveDetails');
|
|
event.target.classList.add('tabSectionActiveMalware');
|
|
}
|
|
tabs.forEach((tab, index) => {
|
|
tab.addEventListener('click', function (event) {
|
|
handleTabClick(event, index);
|
|
});
|
|
});
|
|
});
|
|
|
|
var headers = document.querySelectorAll('.tabSectionHeader');
|
|
headers.forEach(function (header) {
|
|
header.addEventListener('click', function () {
|
|
var clickedParent = header.parentNode;
|
|
headers.forEach(function (otherHeader) {
|
|
var otherParent = otherHeader.parentNode;
|
|
if (otherParent !== clickedParent) {
|
|
otherParent.classList.remove('chartActiveOpenClose');
|
|
}
|
|
});
|
|
clickedParent.classList.toggle('chartActiveOpenClose');
|
|
});
|
|
});
|