feat: toggle faq accordion

ticketsystem/static/js/faq.js

@@ -0,0 +1,33 @@
+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';
+    }
+}