document.addEventListener("DOMContentLoaded", function () { const tabs = document.querySelectorAll(".process-tab"); const contents = document.querySelectorAll(".process-content"); tabs.forEach(tab => { tab.addEventListener("click", function () { const target = this.dataset.tab; // Close all tabs tabs.forEach(item => item.classList.remove("active")); // Hide all content contents.forEach(item => item.classList.remove("active")); // Open selected tab this.classList.add("active"); // Show selected content const targetContent = document.getElementById(target); if (targetContent) { targetContent.classList.add("active"); } }); }); });