Accordions in Text Paragraphs

Add an accordion element to a page. The accordion is part of the text paragraph type.

Accordion Best Practices

Keep these guidelines in mind: - Accordions should cover a single topic. For example, an accordion could be an FAQ (every item is an FAQ), or provide information about different printing options (every item relates to printing). - The title of each accordion item should clearly present the content inside. A user should know exactly what they're going to get if they click on an accordion item.

Don't use an accordion if: - A user needs to view content in more than one accordion item at a time. - There's very little content on the page. If a page isn't very long an accordion ends up concealing information and makes it look like the page doesn't have useful info.

Read more before using an accordion: - https://www.nngroup.com/articles/accordions-on-desktop - https://www.nngroup.com/articles/accordions-complex-content

Adding an Accordion

1. On your web page, add a text component.
   

2. In the text paragraph, add the accordion element.
   

3. Add your first accordion item. You'll need a heading and body content.
   

4. To add your second accordion item, click in the body field of the item above.
   

5. Click "insert row above" or "insert row below" to add your new accordion item.
   

6. Add content to your next row. Repeat until all accordion items are added.