Expand / Collapse Widget
Collapsed
What you'll find here
This section contains extra information that is hidden by default. Use the button above to reveal it.
- Accessible toggle using button with aria-expanded and aria-controls.
- Animated reveal with smooth transitions.
- Content container has the required class "details".
Expanded
Active details
This example starts expanded to show how the open state looks. The button text and aria-expanded reflect the state.
Try toggling either button. The controlled container always uses the "details" class as requested.