Аккордеон
Паттерн интерфейса: список сворачиваемых секций, раскрывающихся по клику. Показывает много информации, не заполняя экран. Чаще всего — в FAQ, боковой навигации и страницах настроек.
В нативном HTML: <details><summary> (аккордеон средствами браузера, JS не нужен). Кастомные реализации: React Bootstrap, Mantine Accordion, Radix UI Accordion (headless), shadcn/ui. Доступность: ARIA-атрибуты aria-expanded, aria-controls. В UX спорят: аккордеоны снижают плотность информации, но улучшают фокус — подходят для «просмотра», а не «чтения». Классическая ловушка: анимация высоты глючит в современных браузерах (height: auto не анимируется) — используйте interpolate-size: allow-keywords (CSS, 2024) или @starting-style.