Accordions divide content into meaningful sections which occupy less screen space.
The Accordion visual element can be previewed on our Demo website. It is available on interior pages (standard) in the Content Layers section.
Table of Contents
How it Looks
How to Add Accordions
1. While editing your interior page (standard), scroll down to the Content Layers section. Select Accordion from the Select Layer Type drop-down menu.
View How to Add a Standard Interior Page for a refresher on how to build an interior page (standard) from scratch.
2. From the Number of Columns drop-down menu, select either a 1 or 2-column design for your accordion.
3. In the Section Title field, enter a title for your accordion.
3. Select a heading type from the Section Title Heading drop-down menu. You can select from <h2> to <h5>. <h2> is the highest available section level and <h5> is the lowest.
4. In the Accordion Group section, edit or add Accordion Items. Each accordion item consists of a Item Title and Item Content.
5. Edit the Tab Title and Tab Content using the WYSIWYG editor, or by making the desired changes to the text in the content fields.
You can add more Tab Items using the green plus 
sign, or remove existing items with the red X sign.
To reorder Tab Items, use the Move to Top, Move Up, Move Down, or Move to Bottom arrow buttons. You can also click and drag the links into place to reorder it.
6. When you are done making edits to your page, click Preview Draft. After previewing the draft, click Submit to save the page to CMS.
7. The page has been successfully saved to the CMS. You must now Publish your page.
8. Select one or more of the outputs to Publish to the destinations selected.