Genesis Blocks 3.0.0 removes the Accordion block from the block inserter, though existing Accordion blocks will keep working. Please use the Core Details block instead.
The Accordion block allows you to display content in expandable/collapsible tabs. This makes it possible to add lots of content to your post or page without increasing the length of the page or requiring long scrolls. Accordions are often used to display a long list of FAQs, but they can be used to display any type of content.
Configure the settings
You can add as many Accordion blocks to the post or page as needed to list all your content. Then configure the settings, described below, for each individual block.
Click image to enlarge
- Accordion Title: Add a title for this item which will always be displayed on the page. For example, if you’re building a list of FAQs, you would add a question here.
- Accordion Content: Add the content for this item (text, images, etc.). When the page is loaded on the front end, this content will be hidden by default unless you enable the Open by default setting below (it will always be visible in the editor). For example, if you’re building a list of FAQs, you would add the answer to the question here.
- Title Font Size: Adjust the title’s font size.
- Open by default: The default display of the accordion items is closed. If you’d like a specific item to be open by default, click the toggle to enable it.
- Additional CSS Class(es): You can add one or more CSS class to customize the appearance of this block. After adding the class name(s) here, you can enter your custom CSS code in Appearance > Customize > Additional CSS.