add accordion support

js/ui.js

@@ -22,9 +22,27 @@ function activateSelfDeactivateSibs(button) {
 }
 
 document.addEventListener("DOMContentLoaded", () => {
+  // tabs
   document.querySelectorAll(".tab-button").forEach(button => {
     button.addEventListener("click", () => {
       activateSelfDeactivateSibs(button);
     });
   });
+  
+  // accordions
+  const accordions = document.querySelectorAll(".accordion");
+  accordions.forEach(accordion => {
+    const header = accordion.querySelector(".accordion-header");
+    const toggleButton = header.querySelector(".accordion-toggle");
+    const content = accordion.querySelector(".accordion-content");
+    
+    const toggle = (e) => {
+      e.stopPropagation();
+      accordion.classList.toggle("hidden");
+      content.classList.toggle("hidden");
+      toggleButton.textContent = content.classList.contains("hidden") ? "►" : "▼"
+    }
+    
+    toggleButton.addEventListener("click", toggle);
+  });
 });