zero·style

Dictionary entry

accordion

View related-term graphUse in a brief
Was this helpful?
UI / UXCurated · verified

A stack of headed sections where clicking a heading expands that section to reveal its content and usually collapses the others, so only a little is open at once.

Synonyms

  • collapsible
  • expander
  • disclosure group

Related terms

In plain words

  • the list of sections that expand when you click them
  • the click-to-open collapsing panels

Usage example

The FAQ uses an accordion so each question expands to show its answer when tapped.

Don't confuse with…

  • tabTabs show one panel at a time side by side along a bar; an accordion stacks expandable sections vertically.
  • disclosureA disclosure is a single expandable section; an accordion is a coordinated group of them.

Categories

  • Overlays & containers

Related-term graph

Two hops from accordion — click a term to open its entry, or re-center the graph on it

Focus term

Directly related

Two hops away

  • Relatedaccordion related of drawer
  • Relatedaccordion related of panel
  • Relatedpanel related of accordion
  • Relatedpanel related of card
  • Relateddrawer related of flyout menu
  • Relateddrawer related of hamburger menu
  • Relatedpanel related of sidebar
  • Relateddrawer related of sidebar
  • Relatedpanel related of well

Stop describing. Start naming.

Turn a plain-language description into a designer-ready brief in minutes.

Start a brief