An easy way to hide and reveal content.
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 <details>
and <summary>
HTML elements and doesn’t require any additional JavaScript or CSS on the theme side.
You can add some basic styling with just a few lines of CSS. Example:
.wp-block-toggles { background: #fafafa; border: 1px solid #eaeaea; border-radius: 3px; margin: 1.5rem 0; padding: 0.5rem 1rem; } .wp-block-toggles summary { cursor: pointer; }
Create an issue at the Mamaduka/toggles repo.
renderAppender
.