UI Design
Accordion
An accordion is a stack of sections that each expand to reveal content and collapse to hide it. Several sections can often be open at once.
Why it matters
Accordions let you keep a page short by tucking away secondary detail until someone asks for it. This reduces clutter and the amount people have to read at once.
In depth
Accordions suit FAQs and optional or secondary content that not everyone needs. They are a form of progressive disclosure, revealing detail on demand. A common mistake is using an accordion when people need to compare content across sections at the same time; tabs or an always-visible layout handle comparison and quick switching more gracefully.
Real-world example
A help page lists common questions as collapsed rows, and clicking one expands it to show the answer below — a classic FAQ accordion.
Everything in the core plan, plus priority support and shared workspaces.
Yes — upgrade or downgrade at any time, and we prorate the difference.
There is. It covers a single project with the essential features.
Related terms