Expand/Collapse Widget (Accessible)

Use Tab to focus a toggle and Enter or Space to expand/collapse.

Example 1: Single expand/collapse

What is this widget?

This uses the native <details> and <summary> elements, which provide built-in keyboard and screen reader support.

The content area expands and collapses without custom JavaScript.

Example 2: Multiple independent panels

Shipping information

Standard shipping takes 3–5 business days. Expedited options may be available at checkout.

Back to top of examples

Return policy

Returns are accepted within 30 days in original condition. Some items may be excluded; see the policy page for details.

Contact support