Watch
Accordion 0:33
A 33-second explainer of Accordion, narrated over the same demo you can try yourself.
Try the interactive Accordion demo
What this video covers
An accordion is a stack of headed panels that open and close on click, folding long content into a scannable list of titles you can expand as needed. This very demo is one - the panels below are the pattern.
You just ran an accordion to learn what an accordion is. Each title you opened showed its panel; switch on "one at a time" and opening the next quietly closes the last. That trade - a short, scannable list of titles against the clicks and the hidden content - is the whole pattern in your hands.
