Accordion
An accordion shows and hides sections of related content.
When to use
- Related sections where people need some but not all, such as groups of settings.
- A long page where the headings are enough for people to find what they need.
- Frequently asked questions. This is where accordions work best.
When not to use
- Content most people need. If it is hidden, most people will not read it.
- A short page. Collapsing three paragraphs adds a click and saves no space.
- Steps in a sequence. Collapsed steps hide how much is left.
- A single section. Use a heading and a paragraph instead.
Guidance
Do
When this queue accepts new conversations.
Who is notified when a conversation breaches.
Title each section with what is inside it, and open the one most people need.
Don't
When this queue accepts new conversations.
Who is notified when a conversation breaches.
Do not use vague titles and leave every section closed. People have to open each one to see what is inside.
Content
What to write, and what to leave out.
- The title says what is inside. Working hours, not Section one or More options.
- Keep titles parallel, so the set can be scanned as a list.
- Open the section most people want, instead of starting with everything closed.