Expand/Collapse Widget Demo

This is the first expandable section. It demonstrates basic expand/collapse behavior with accessible controls.

  • Accessible button with aria-expanded
  • Content is contained within a .details container
  • Animated height on open/close

The second example shows a longer content area so users can observe scrolling within the details container when expanded.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ac arcu vitae arcu facilisis efficitur. Pellentesque habitant morbi tristique.

  1. Item one with extra detail
  2. Item two with more content
  3. Item three to emphasize length