CrispyCohd

CrispyCohd Advanced Accordion Block provides a flexible, block-based accordion for the WordPress editor.
Built to align with WCAG 2.2 and WAI-ARIA Authoring Practices for accordions.
The accordion is built using normal blocks:
<ul>
<li>Header area: add any blocks you want</li>
<li>Content area: add any blocks you want</li>
<li>Optional divider between the two</li>
</ul>
The block supports two animation styles, slide and fade. 
It also supports a built-in caret, a custom SVG, or a custom image for the toggle icon.
Accessibility is a core focus of the block. The front-end output includes a dedicated toggle button, keyboard navigation, ARIA relationships, and reduced motion support.

CrispyCohd Advanced Accordion Block

A flexible accordion block that lets you build headers and content using any core or custom blocks.

George Mamadashvili

You can use this block to hide and reveal content as needed. Create FAQ pages, hide spoilers in posts, or create simple accordion elements.
The block uses <code><details></code> and <code><summary></code> HTML elements and doesn’t require any additional JavaScript or CSS on the theme side.

CrispyCohd Advanced Accordion Block vs Toggles