// JavaScript for tab switching document.querySelectorAll('.tab').forEach(tab => { tab.addEventListener('click', () => { const tabId = tab.id.replace('tab', ''); document.querySelectorAll('.tab-content').forEach(content => { content.style.display = 'none'; }); document.getElementById(`tab-content${tabId}`).style.display = 'block'; // Update URL history.pushState(null, null, `#tab${tabId}`); }); }); // Check URL on page load and show corresponding tab window.addEventListener('DOMContentLoaded', () => { const tabId = window.location.hash.replace('#tab', ''); if (tabId) { document.querySelectorAll('.tab-content').forEach(content => { content.style.display = 'none'; }); document.getElementById(`tab-content${tabId}`).style.display = 'block'; } });