Create an accordion

• Navigate to 'common components' in the content tree
• Open 'AccordionsFolder'
• Navigate to the folder where the accordion needs to be created.

Create accordion container

An accordion is made up of a container and within the container, accordion items.

• Right click on the folder where you want the accordion to live
• Select 'insert' and then 'AccordionContainer'
• Enter an appropriate name for the accordion in the pop-up box.

Create accordion items

• Right click on the appropriate accordion container. This may be a container you have just created, or an existing container you wish to add items to
• Select 'insert' and then 'AccordionItem'
• Enter an appropriate name for the accordion item in the pop-up box.

• Enter the title of the item in the title field. This is a required field and the title will display on the page
• Select 'show editor' and add content to the rich text editor. Remember to 'paste as plain text' and reformat your text within the rich text editor
• Note that there is a difference in the heading hierarchy. The title of the accordion item is a 'Heading 3', therefore the next heading to be used within the content of the accordion item should be 'Heading 4'.

Add accordion items to the container

In order to display correctly, the accordion items need to be added to the container.

• Select the accordion container and then navigate to the 'data' field
• Open the 'Common components' folder in the field, then the 'AccordionsFolder' and navigate to where the accordion items live
• Select the accordion item and either double click to add to the 'selected' box, or select and press the right arrow
• Do this for all accordion items that need to be added to the container
• The order of the accordion items shown in the 'selected' field is the order they appear on the page
• Accordion items can be removed by double clicking them in the 'selected' field, or selecting them and then clicking the left arrow.

Learn how to add an accordion to a page