From 6595ebaae98d4a4994d1512818a93d3b2b5d4baf Mon Sep 17 00:00:00 2001 From: joerglohrer Date: Thu, 23 Oct 2025 12:00:33 +0000 Subject: [PATCH] buttons funktionieren --- docs/efabi-minimal.html | 23 +++++++++++++++++++---- 1 file changed, 19 insertions(+), 4 deletions(-) diff --git a/docs/efabi-minimal.html b/docs/efabi-minimal.html index 903bcac..77662aa 100644 --- a/docs/efabi-minimal.html +++ b/docs/efabi-minimal.html @@ -739,19 +739,34 @@ } function switchTab(tab) { + // Alle Container const articlesDiv = document.getElementById('articles'); const eventsDiv = document.getElementById('events'); + const efabiResourcesDiv = document.getElementById('efabi-resources'); + const efabiEventsDiv = document.getElementById('efabi-events'); + const efabiNetworkDiv = document.getElementById('efabi-network'); + + const allContainers = [articlesDiv, eventsDiv, efabiResourcesDiv, efabiEventsDiv, efabiNetworkDiv]; + + // Alle Buttons const btns = document.querySelectorAll('.tab-btn'); - btns.forEach(btn => btn.classList.remove('active')); event.target.classList.add('active'); + // Verstecke alle Container + allContainers.forEach(container => container.classList.add('hidden')); + + // Zeige nur den gewählten Container if (tab === 'articles') { articlesDiv.classList.remove('hidden'); - eventsDiv.classList.add('hidden'); - } else { - articlesDiv.classList.add('hidden'); + } else if (tab === 'events') { eventsDiv.classList.remove('hidden'); + } else if (tab === 'efabi-resources') { + efabiResourcesDiv.classList.remove('hidden'); + } else if (tab === 'efabi-events') { + efabiEventsDiv.classList.remove('hidden'); + } else if (tab === 'efabi-network') { + efabiNetworkDiv.classList.remove('hidden'); } }