document.addEventListener('DOMContentLoaded', function () { const tabsWidgets = document.querySelectorAll('.collapsible-tabs'); tabsWidgets.forEach((widget) => { const tabTitles = widget.querySelectorAll('.elementor-tab-title'); let activeTab = null; tabTitles.forEach((tab, index) => { tab.addEventListener('click', function (e) { e.preventDefault(); const isActive = tab.classList.contains('elementor-active'); const content = widget.querySelectorAll('.elementor-tab-content')[index]; // Close all tabs tabTitles.forEach((t, i) => { t.classList.remove('elementor-active'); widget.querySelectorAll('.elementor-tab-content')[i].style.display = 'none'; }); // Reopen if previously inactive if (!isActive) { tab.classList.add('elementor-active'); content.style.display = 'block'; } }); }); // Hide all tab contents on load widget.querySelectorAll('.elementor-tab-content').forEach(content => { content.style.display = 'none'; }); }); });