Expand / Collapse Widget Examples

This is a short piece of content that is revealed when the button above is activated. It demonstrates a basic expand/collapse interaction using aria-expanded, aria-controls, and a container with the class "details".

Click the button again to collapse.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus, distinctio, dolore? Doloribus magni nostrum aspernatur totam ducimus veniam corporis officia. Sint, eaque.

Here is an example list to show multi-line content:

• Point one with some explanation
• Point two with additional notes
• Point three to round things out

Animations adjust the max-height dynamically so the collapse feels smooth and content size doesn't require fixed values.