Expand/Collapse Widget Demo

This page demonstrates a simple, accessible expand/collapse widget. Each widget is wrapped in a container with the class "example". The container for the controlled content uses the class "details".

Expandable content (custom)

This is the content area that is expanded or collapsed. It demonstrates a simple custom widget built with a button and a content region.

You can put any HTML inside the details container, such as lists, images, or forms.