Two accessible expand/collapse examples. Each widget is wrapped in a container with class="example". The controlled content is inside an element with class="details".
This content is toggled by the button above. It uses proper ARIA attributes and a smooth height transition handled by JavaScript.
Keyboard accessible (buttons support Enter/Space).
ARIA: aria-expanded, aria-controls, aria-hidden, and role="region".
Animated open/close with reduced-motion support.
Highlights
Improved performance for the rendering pipeline.
Added new api.fetchSafe() helper.
Minor UI updates and bug fixes.
Tip: You can include any content inside the .details__inner wrapper — forms, images, lists, etc.