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. Hide and show information at the user’s discretion to make the page more digestible
Rules
- Do not use tables, images, or videos within the content
- Keep accordion heading to a single line only
- Avoid nesting accordions within accordions