This tool provides a set of blocks for creating accessible, collapsible content sections on a website. It is designed for content creators who need to present information in a compact, organized format, such as FAQs, product details, or lengthy instructions, without overwhelming the page.

• Show Hide Group Block: Acts as the main container for organizing multiple collapsible sections together. It can optionally include a single button to open or close every section in the group simultaneously.
• Show Hide Section Block: Forms the individual collapsible unit, using the standard HTML <details> element. Each section contains a summary and its hidden content.
• Show Hide Summary Block: Manages the visible clickable title or heading for each collapsible section, which is nested inside the <details> element.
• Show Hide Details Block: Holds the main content that is revealed when a user expands a section. This block can contain any other type of content block.
• Accessible by Default: The output uses semantic HTML (<details> and <summary>) which is natively accessible to screen readers and keyboard navigation. The optional 'Open all' feature adds minimal JavaScript only when needed, keeping the page lightweight.