Accordion
An accordion displays a list of stacked headers that expand as clicked. When clicked, the selected item will drop down to reveal the hidden body copy related to that heading. This block is useful when displaying multiple pieces of short information while minimising the page length.
Rules
- Do not use tables, images, or videos within the content
- Keep accordion heading to a single line only
- Avoid nesting accordions within accordions