Collapsible sections with accordions

Plan requirement

Subscription Any plan
Access Agent

Accordions hide content behind a click. That helps in one situation and hurts in most others.

Insert one

  1. Insert an accordion in the editor.
  2. Write the heading, which is what readers see collapsed.
  3. Put the content inside.
  4. Save and try it as a reader.

The one situation where it helps

A reference article where the reader wants one of many entries. A list of error codes, or settings, where seeing all of them expanded would mean scrolling past twenty to reach yours.

Collapsed, the headings become a scannable index.

Where it hurts

  • Steps in a procedure. Somebody following instructions should not click to reveal each one.
  • The answer. Hiding the point of the article behind a click is the worst use.
  • Making an article look shorter. The content is still there and now it is harder to reach.

Two practical costs

Search within the page. A reader pressing ctrl-F may not find text inside a collapsed section, which is exactly what somebody hunting for one detail does.

Printing. Collapsed content may not print, and some people still print procedures.

The heading has to work alone

Collapsed, the heading is all there is. "More information" tells a reader nothing about whether to open it; the specific question does.

See also

Was this article helpful?

0

Still stuck?

Our support team will take a look with you.

Comments

0 comments

Article is closed for comments.