Accessible Expand/Collapse Widget Examples

Mountain lions (also called cougars or pumas) are large felines native to the Americas. They are solitary and territorial animals that prefer regions with cover for stalking prey.

These cats are adaptable and can be found in a range of habitats, including deserts, forests, and mountains. They are crepuscular, most active at dawn and dusk.

This widget uses native button elements with aria-expanded and aria-controls to communicate state and relationships. The content region uses role="region" and aria-labelledby to link back to the control.

Keyboard users can activate the toggle with Enter or Space. Motion preference is respected via prefers-reduced-motion.