Accordion

A vertically stacked list of headers that each expand to reveal or collapse associated content, letting users scan a page and open only the sections they need.

Why it matters

It trades visibility for tidiness: content inside a collapsed panel is content many users never see. Right for reference material people query selectively — wrong for anything everyone needs to read.

The component

Orders leave the studio within two working days. Tracking arrives by mail the moment the label prints.

Thirty days, no questions — the label is in the box. Refunds land within a week of arrival.

Wipe with a dry cloth. Keep away from direct sunlight, radiators, and toddlers with markers.

Working, one panel at a time — content in a closed panel is content many users never see.

The numbers

  • One open or many — decide once, and keep it consistent

Related terms

Ask your assistant

Define "Accordion" using uxspot.

Works in Claude, Cursor or any MCP client — connect the uxspot MCP.

Think it stuck? A 20-second round of Spot Check will tell you.