Accordion

Use Accordion to organise content into expandable sections. Learners can open and close sections to control what they view.

Use the accordion when:

• You need to present a large amount of text in a limited space
• Content can be split into clear sections
• You want learners to control what they read

How it works

Accordion content is divided into sections.

• Each section has a title and content
• Clicking a section title expands or collapses the content
• Sections can be opened individually or together, depending on settings

Edit Accordion

To edit the Accordion, select it in the layer list on the left.
This opens the settings in the options panel on the right.

Add sections

Click Add Section to create a new section.
Each section can be given:

• A title
• Content

Accordion properties

• Allow multiple sections to open
  Allows more than one section to be open at the same time.
• Sections gap
  Controls the spacing between sections.
• Border radius
  Controls how rounded the section corners are.
• Section height
  Sets the height of each section header.

Styling

• Sections colour
  Sets the background colour of the section headers.
• Border colour
  Sets the colour of the section borders.
• Panels colour
  Sets the background colour of the expanded content.