Accordion
UI-mönster: lista av collapsible sections, klick expanderar. Visar mycket info utan att fylla skärmen. Vanligast för FAQ, sidebar-navigation, settings-sidor.
Native HTML: <details><summary> (browser-byggd accordion, ingen JS behövs). Anpassade impl: React Bootstrap, Mantine Accordion, Radix UI Accordion (headless), shadcn/ui. Accessibility: ARIA aria-expanded, aria-controls. UX-debatt: accordions sänker info-density men förbättrar focus — använd för "scanning vs reading". Klassisk fälla: animera height bugger sig i moderna browsers (height: auto är inte animerbar) — använd interpolate-size: allow-keywords (CSS 2024) eller @starting-style.