Expand / Collapse widget examples

This is a simple expand/collapse panel. The toggle button updates aria-expanded and the content container uses the class "details". The content is hidden from assistive technologies when collapsed via aria-hidden.

Tip: You can activate the control with Enter or Space when focused.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vitae risus et arcu vehicula gravida. Praesent ac augue in nunc feugiat porta. Suspendisse potenti. Curabitur quis sem at nunc aliquet dictum.

• Point one with some extra explanatory text.
• Point two to show list rendering.
• Point three demonstrating multiple lines of content in the details container.

Press Escape while focus is inside the panel to close it.