Refactor code structure for improved readability and maintainability; removed redundant code blocks and optimized function calls.
This commit is contained in:
@@ -23,17 +23,37 @@ document.querySelector('.responsive-toggle').onclick = event => {
|
||||
document.querySelectorAll('.tabs a').forEach((element, index) => {
|
||||
element.onclick = event => {
|
||||
event.preventDefault();
|
||||
document.querySelectorAll('.tabs a').forEach(element => element.classList.remove('active'));
|
||||
document.querySelectorAll('.tab-content').forEach((element2, index2) => {
|
||||
if (index == index2) {
|
||||
element.classList.add('active');
|
||||
element2.style.display = 'block';
|
||||
} else {
|
||||
element2.style.display = 'none';
|
||||
}
|
||||
|
||||
// Toggle the clicked tab
|
||||
const isActive = element.classList.contains('active');
|
||||
const tabContent = document.querySelectorAll('.tab-content')[index];
|
||||
|
||||
// Remove active class from all tabs and contents
|
||||
document.querySelectorAll('.tabs a').forEach(el => el.classList.remove('active'));
|
||||
document.querySelectorAll('.tab-content').forEach(content => {
|
||||
content.classList.remove('active');
|
||||
content.style.display = 'none';
|
||||
});
|
||||
|
||||
// If it wasn't active, make it active (collapsible behavior)
|
||||
if (!isActive && tabContent) {
|
||||
element.classList.add('active');
|
||||
tabContent.classList.add('active');
|
||||
tabContent.style.display = 'block';
|
||||
}
|
||||
};
|
||||
});
|
||||
|
||||
// Initialize first tab as open by default
|
||||
if (document.querySelectorAll('.tabs a').length > 0) {
|
||||
const firstTab = document.querySelectorAll('.tabs a')[0];
|
||||
const firstContent = document.querySelectorAll('.tab-content')[0];
|
||||
if (firstTab && firstContent) {
|
||||
firstTab.classList.add('active');
|
||||
firstContent.classList.add('active');
|
||||
firstContent.style.display = 'block';
|
||||
}
|
||||
}
|
||||
if (document.querySelector('.filters a')) {
|
||||
let filtersList = document.querySelector('.filters .list');
|
||||
let filtersListStyle = window.getComputedStyle(filtersList);
|
||||
|
||||
Reference in New Issue
Block a user