This page demonstrates accessible expand/collapse widgets. Each widget is wrapped in a div.example and the controlled content container uses the class "details".
Here is the additional content that is revealed when you expand the widget. It can contain text, lists, images, or any other HTML content.
Feature 1: Lightweight and fast
Feature 2: Accessible controls with aria attributes
Feature 3: Smooth animations and keyboard-friendly
Tip: Click the heading or press Space/Enter when it has keyboard focus to toggle.
Version 2.4.0 contains several improvements and bug fixes:
Improved performance when loading large lists.
Fixed an issue where keyboard focus could be lost.
Updated accessibility attributes for better screen reader behavior.
You can close this section to hide the full changelog.