Hide Reveal Accordions

Last updated June 2026

Hide-reveal accordion content allows visitors to click on a trigger to reveal or disclose additional content on the page. Consider carefully the pros, cons and best practices of using Accordions. This feature can be very helpful on long FAQ pages and other similar content.

There are two options for creating a hide reveal accordion:

• an Accordion block or
• a Details block

As with all blocks, be sure to click to see the Settings Sidebar where you’ll find settings for the specific Block you are working with.

Accordion Block

Use this block if you want the trigger to be a level 3 Heading. Just confirm that you have  correct heading level structure  for your page. This may maximize keywords for search engine optimization (SEO)

Recommended configurations:

• Turn “Show icon” on, so an icon displays to indicate that it’s a clickable item.
• In a wide column choose for the icon to appear on the left so it is close to the trigger.
• Never select the option to automatically close accordions when a new one is opened because items that are opened or closed should remain in that state until the user chooses changes it.

To add multiple Accordion Blocks in a group, select the block and click the Add Block button in the lower right-hand corner.

Details Block

The trigger in a Details Block is regular text. You can still use styles like bold and italic, but this text is not a heading. Search engines, like Google may interpret the structure of the content as indicating that certain information is supplementary or optional. Although, they may also index the content, especially FAQ content,  to use in Generative Search results.

For optimal accessibility and usability, do not use the configuration in the Advanced section of the block settings, to assign a Name Attribute, which will group related Details Blocks together, allowing visitors to only open one reveal at a time.

Example:

The thing you click (trigger)

The revealed content