Expand/Collapse Widgets

This is a simple expand/collapse widget. It uses a button to control the visibility and height of this panel. The content area is the container with class "details".

Accessibility notes:

• The toggle button updates its aria-expanded attribute when activated.
• This region is labeled by the controlling button and marked with role="region".
• Animations respect the user's reduced motion preference.

Here are some tips for collapsible sections:

• Use clear labels on the toggle so users know what they’re expanding.
• Keep content concise to avoid overwhelming readers.
• Group related information into separate, independently collapsible widgets.
• Use focus styles and ARIA attributes to improve accessibility.

Because this widget is open by default, its content is immediately visible.