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

TitleThe title of the accordion
ContentThe rich text body part of the accordion that is hidden until clicked
Expanded on LoadMake the accordion body visible by default without needing to expand
AnimateWhether the count up block will animate in using one of the built in animationsnone

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.