Expand / Collapse Widget - Examples

The expand/collapse widget reveals additional content without leaving the current page. It uses aria-expanded on the trigger and controls a container with the class details.

Key features included:

• Accessible ARIA attributes (aria-expanded, aria-controls, aria-hidden).
• Smooth open/close animation with max-height.
• Reduced-motion support.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vitae risus vel justo volutpat cursus. Sed dapibus, nibh non faucibus luctus, dui augue dictum ligula, a feugiat nibh tellus a lacus. Vivamus pharetra, quam vitae luctus consequat, nisl sem faucibus nunc, vitae hendrerit ex justo vel lorem.

Curabitur blandit sem et lectus facilisis, in eleifend lacus fermentum. Integer posuere orci ac ante suscipit, id volutpat nisi iaculis.