diff --git a/src/components/Prices.tsx b/src/components/Prices.tsx index f6a35c7..e9b8c0c 100644 --- a/src/components/Prices.tsx +++ b/src/components/Prices.tsx @@ -98,7 +98,9 @@ function Category({ category, open, onToggle }: { category: ServiceCategory; ope } export function Prices() { - const [open, setOpen] = useState(services[0].key) + // Kategorien klappen unabhängig voneinander auf — so springt beim Öffnen nichts nach oben weg + const [open, setOpen] = useState([services[0].key]) + const toggle = (key: string) => setOpen((keys) => (keys.includes(key) ? keys.filter((k) => k !== key) : [...keys, key])) return (
@@ -110,7 +112,7 @@ export function Prices() {
{services.map((c) => ( - setOpen(open === c.key ? null : c.key)} /> + toggle(c.key)} /> ))}