Accordion blocks

Accordions are a type of interactive block. They are great for delivering information that has many small subtopics, or answering FAQs.

Contents of this article:

• Create an accordion block
• Add text and images to accordion pieces
• Switch between text, and text & image style accordions
• Add new accordion pieces
• Rearrange the order of the accordion pieces
• Delete or duplicate an accordion piece

To create an accordion block:

1. Navigate to the storyboard view of your lesson.

2. Select 'Add new block'

3. Select the 'Interaction' drop-down in the left-hand sidebar.

4. Select 'Accordion'. The library will display available block layouts that include accordions. 

5. Select 'Preview' to view the block layout without creating it.

6. Select 'Choose block' to finalise your choice.

To add text and images to accordion pieces:

1. Navigate to the editor view of your accordion block.

2. Select the accordion section of the block.

3. Select the headings directly to edit the headings.

4. Select the down arrow next to each heading to expand the fold.

5. Select the text or image to edit them.

To switch between text, and text & image style accordions:

1. Navigate to the editor view of your accordion block.

2. Select the accordion section of the block.

3. In the left-hand sidebar, select the drop-down under 'Accordion Type' and select your preferred format.

To add new accordion pieces:

1. Navigate to the editor view of your accordion block.

2. Select the accordion section of the block.

3. Roll your mouse over over the existing accordion pieces.

4. Select one of the blue '+' buttons.

To rearrange the order of the accordion pieces:

1. Navigate to the editor view of your accordion block.

2. Select the accordion section of the block.

3. In the left-hand sidebar select the heading you wish to move.

4. Drag it up or down the sidebar to rearrange it's position and drop it into place.

To delete or duplicate an accordion piece:

1. Navigate to the editor view of your accordion block.

2. Select the accordion section of the block.

3. In the left-hand sidebar select the three vertical dots button next to the heading you wish to delete or duplicate.

4. Select 'Delete' or 'Duplicate' from the drop-down.