Accordion

Description

Create interactive accordion layouts.

Block Structure

The accordion block is a nested group of related blocks. Starting with the parent Accordion block, each Accordion Item within has its own Toggle, Title, Toggle Icon and Content blocks.

• Accordion
• Accordion Item
• Accordion Toggle
• Accordion Title
• Accordion Toggle Icon
• Accordion Content
• Container

Toolbar

The Accordion block has the following toolbar options.

Add to Container

Add the selected blocks inside a new Container Block

Add Accordion Item

This action will add a new Accordion Item to the currently selected Accordion block.The blocks it adds will be duplicates of the an existing Tab Item.If the parent Accordion block is selected it will duplicate the last tab item.Otherwise it will duplicate the currently selected Accordion Item.

Block Settings

Accordion Block

Transition

choose a opening and closing transition :

• None ( no transition )
• Fade
• Slide

Keep multiple items open

the default behaviour of the accordion is to only keep one item open at a time. Enable this option to allow multiple items to remain open.

Accordion Item

Open by default

Enable this option to set the accordion to be open on initial page load.

Accordion Toggle Icon

Open Icon

Choose the Icon for opening a closed accordion.

Close Icon

Choose the icon for closing an open accordion.