update

footer.php

@@ -278,34 +278,46 @@
     const buttons = document.querySelectorAll('.faq-buttons button');
     const groups = document.querySelectorAll('.faq-group');
 
-    // INITIAL STATE: show only "about"
-    groups.forEach(g => g.classList.add('d-none'));
-    document.getElementById('about').classList.remove('d-none');
+    // INITIAL STATE → show first FAQ
+    groups.forEach(g => {
+        g.classList.add('d-none');
+        g.classList.remove('show');
+    });
 
+    const firstBtn = document.querySelector('.faq-buttons button.active');
+    if (firstBtn) {
+        const firstGroup = document.getElementById(firstBtn.dataset.faq);
+        firstGroup.classList.remove('d-none');
+        // force reflow
+        firstGroup.offsetHeight;
+        firstGroup.classList.add('show');
+    }
+
+    // CLICK HANDLER
     buttons.forEach(btn => {
         btn.addEventListener('click', () => {
-            const target = btn.dataset.faq;
-            const group = document.getElementById(target);
+            const target = document.getElementById(btn.dataset.faq);
+            const isActive = btn.classList.contains('active');
 
-            if (group.classList.contains('d-none')) {
-                // Hide all
-                groups.forEach(g => g.classList.add('d-none'));
-                buttons.forEach(b => b.classList.remove('active'));
+            // reset all
+            buttons.forEach(b => b.classList.remove('active'));
+            groups.forEach(g => {
+                g.classList.remove('show');
+                g.classList.add('d-none');
+            });
 
-                // Show current
-                group.classList.remove('d-none');
+            // toggle
+            if (!isActive) {
                 btn.classList.add('active');
-            } else {
-                // Optional: clicking same button again hides it
-                group.classList.add('d-none');
-                btn.classList.remove('active');
+                target.classList.remove('d-none');
+                target.offsetHeight; // reflow
+                target.classList.add('show');
             }
         });
     });
 </script>
 
 
-
 <script>
     document.addEventListener("DOMContentLoaded", () => {