With your page open for editing, find or create the designated Content Row you wish to place your accordion content. Within the row, create a new column and assign its type as "Accordion/Expanding Content" and set your desired column width. Before building out your items, you'll have the option to:
- Set the width by adjusting the "Column Width" option. Default is 12, full-width.
- If you are using side-by-side columns, you can choose a smaller width that, together with the second column, equals 12.
- Add/edit optional content that appears above the expanding content by using the content editor box labeled "Content".
- Choose if the accordion content will have an expand/collapse all option by selecting/deselecting the "Display Expand All Button?" option.
Creating Items
By default, there is one Item. To add additional items, click on the green "+" at the top right of the Item. When there is more than one, you can reorder Items, using the up and down arrows, located in the top-right of the Item. You can also remove an item by clicking the red "X" on the individual Item.
Within each Item, you will need to:
- Provide the heading content that will appear even when the item is collapsed.
- Designate if the heading will display as a standard paragraph, heading 2, heading 3, or heading 4. Choose headings to follow the proper heading structure.
- Provide the body content that will display when the item is expanded on the page.
Editing Existing Accordion/Expanding Content
With your page open for editing, find the correct Content Row with the nested column set to "Accordion/Expanding Content". Clicking the column header should expand the section for editing. From there, you can edit, add, remove, or organize the items listed within. This will be done using the arrow, plus +, and x buttons on the right side of the Item header.