How-to: Accordion

Step 1: Add the Component

  • Click the place in the Main Content region where you want the Accordion to be placed.
  • Click the Insert Component icon in the WYSIWYG toolbar.
  • From the list of components, select Accordion.

Step 2: Add Content to the Accordion

  • Enter an optional Heading and/or Description.
  • Each group in the component represents one item in the Accordion.
  • For each group, enter a Label (text the user clicks on), Sublabel (optional Heading within the content), and Content (what appears when the Accordion Item is expanded).
  • To add another Accordion Item, click Add New Group.
  • When you're done, click Save.

Accordion Example

This is an optional introductory paragraph. Accordions are most commonly used for questions and answers, such as an FAQ page.