About
The Collapsible Block creates a drawer of content that can be open or closed. Users can open or close the drawer by clicking on the arrow on the right side. It can be very useful if you have a lot of content in your page and want to hide some that is less essential. It’s also a great way to present a list of questions and answers, for example on your Frequently Asked Questions page.
Adding a Collapsible Block
To add a Collapsible, click on the Block Inserter (+). Alternatively, you can type /
Collapsible in a new paragraph and press enter
.
Get detailed instructions on adding blocks.
By default, the Title of your Collapsible Block will say ‘Find out more’ but you can write your own title in to replace it. Underneath the line, there is a dotted line box with a paragraph block. This is where you add the content that will be hidden/revealed by the block.
Collapsible Block Settings
Each block has its own block-specific controls that allow you to manipulate the block in the editor. Click on the block you want to edit and select the settings wheel in the top-right corner. Make sure you have selected the Block tab in the settings sidebar.
Settings
Collapsed by default
The Collapsed by default lets you choose if you want the content drawer to be open or closed by default.
HTML anchor
Similar to other blocks, you can create an HTML anchor to your collapsible block to create a way to jump to the part of the page with the collapsible block. Add a label to the HTML anchor field. The corresponding anchor link will be the page’s normal URL with /#[label] added to the end.