Hide Reveal Accordions

Last updated March 2026

There are two ways to create a hide-reveal accordion: using an Accordion block or with custom HTML.

In a Custom HTML block, you can follow this HTML code example to create hide-reveal accordion content that allows visitors to click on a trigger to reveal or disclose additional content on the page.

<details>
<summary>The thing you click (trigger)</summary>
The revealed content
</details>


Example:

The thing you click (trigger)

The revealed content

Learn More

About the Details disclosure element on the MDN website and about HTML on our instructions website.