34 lines
1.2 KiB
JavaScript
34 lines
1.2 KiB
JavaScript
function toggleFAQ(index) {
|
|
const content = document.getElementById(`content-${index}`);
|
|
const icon = document.getElementById(`icon-${index}`);
|
|
|
|
if (content.classList.contains('hidden')) {
|
|
content.classList.remove('hidden');
|
|
icon.classList.add('rotate-180');
|
|
} else {
|
|
content.classList.add('hidden');
|
|
icon.classList.remove('rotate-180');
|
|
}
|
|
}
|
|
|
|
function toggleAllFAQs() {
|
|
const button = document.getElementById('toggle-all-btn');
|
|
const allContents = document.querySelectorAll('[id^="content-"]');
|
|
const allIcons = document.querySelectorAll('[id^="icon-"]');
|
|
|
|
// Prüfen ob alle eingeklappt sind
|
|
const allCollapsed = Array.from(allContents).every(content => content.classList.contains('hidden'));
|
|
|
|
if (allCollapsed) {
|
|
// Alle ausklappen
|
|
allContents.forEach(content => content.classList.remove('hidden'));
|
|
allIcons.forEach(icon => icon.classList.add('rotate-180'));
|
|
button.innerHTML = '📁 Alle einklappen';
|
|
} else {
|
|
// Alle einklappen
|
|
allContents.forEach(content => content.classList.add('hidden'));
|
|
allIcons.forEach(icon => icon.classList.remove('rotate-180'));
|
|
button.innerHTML = '📂 Alle ausklappen';
|
|
}
|
|
}
|