Spaces:
Running
Running
File size: 2,392 Bytes
7a28073 305b068 7a28073 305b068 7a28073 305b068 7a28073 305b068 5f0416f |
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 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 |
const tabs = document.querySelectorAll('.tabs input[type="radio"]');
const tabContents = document.querySelectorAll('.tab-content');
const tabLabels = document.querySelectorAll('.tabs label'); // Assuming you have labels
function showTab(tabIndex) {
tabContents.forEach(content => {
content.classList.remove('active');
});
tabLabels.forEach(label => {
label.classList.remove('active'); // Remove 'active' from all labels
});
tabs[tabIndex].checked = true;
tabContents[tabIndex].classList.add('active');
tabLabels[tabIndex].classList.add('active'); // Add 'active' to the clicked label
}
tabs.forEach((tab, index) => {
tab.addEventListener('click', () => {
showTab(index);
});
});
// Show initial tab
showTab(0);
//Dropdown lists
document.getElementById('dropdown-models').addEventListener('change', function() {
var selectedOption = this.value;
var allContents = document.querySelectorAll('.content-models');
for (var i = 0; i < allContents.length; i++) {
if (allContents[i].id === selectedOption) {
allContents[i].classList.remove('hidden');
} else {
allContents[i].classList.add('hidden');
}
}
});
document.getElementById('dropdown-datasets').addEventListener('change', function() {
var selectedOption = this.value;
var allContents = document.querySelectorAll('.content-datasets');
for (var i = 0; i < allContents.length; i++) {
if (allContents[i].id === selectedOption) {
allContents[i].classList.remove('hidden');
} else {
allContents[i].classList.add('hidden');
}
}
});
document.getElementById('dropdown-spaces').addEventListener('change', function() {
var selectedOption = this.value;
var allContents = document.querySelectorAll('.content-spaces');
for (var i = 0; i < allContents.length; i++) {
if (allContents[i].id === selectedOption) {
allContents[i].classList.remove('hidden');
} else {
allContents[i].classList.add('hidden');
}
}
});
document.getElementById('dropdown-followers').addEventListener('change', function() {
var selectedOption = this.value;
var allContents = document.querySelectorAll('.content-followers');
for (var i = 0; i < allContents.length; i++) {
if (allContents[i].id === selectedOption) {
allContents[i].classList.remove('hidden');
} else {
allContents[i].classList.add('hidden');
}
}
}); |