Expand/Collapse Widget Demo

This page demonstrates an expand/collapse widget. Each widget is wrapped in a container with the class "example". The content that is shown/hidden is placed in a container with the class "details".

What is an expand/collapse widget?
An expand/collapse widget toggles the visibility of its content. The native HTML elements <details> and <summary> provide accessible, built-in behavior for this pattern.
This is content inside a custom expand/collapse widget. It uses a clickable element to toggle visibility without relying on native details/summary.