Expand/Collapse Widget Demo

Each widget below is wrapped in a container with an "example" class. The content area uses a container with the "details" class to demonstrate expand/collapse behavior.

This widget demonstrates a short expandable section. It reveals a brief paragraph and a small list when expanded.

First item
Second item
Third item

Here's a longer block of content to showcase how the expansion area handles more text. It includes a couple of paragraphs and a link.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et dui vel lacus aliquet hendrerit. Donec vitae arcu nec ipsum efficitur vehicula.

Learn more at example.com.

This widget contains a small inline form inside the expandable area. It demonstrates that interactive controls can live inside the details content.

Name: Email: