Accordion Blocks
My first accordion
This is content that is hidden by default. It is shown when you click the accordion title
My second accordion. Content is shown by default
This is the accordions body content. The accordion is set so that this content gets shown by default.
How to insert an Accordion Block
Accordion blocks can be added in the Gutenberg editor using the “Accordion” block. Add a title and content to the accordion in the meta boxes to the right when editing the page.
Accordion Properties
| Property | Description | Default |
|---|---|---|
| Title | The title of the accordion | |
| Content | The rich text body part of the accordion that is hidden until clicked | |
| Expanded on Load | Make the accordion body visible by default without needing to expand | |
| Animate | Whether the count up block will animate in using one of the built in animations | none |
Don’t forget to read the Accordion Documentation too.
The accordion block is built with Advanced Custom Fields and requires the Pro plugin to work.