Expand / Collapse Widgets

Examples of accessible expand/collapse widgets. Each widget is wrapped with a div.example and the controlled content uses a container with class="details".

Simple details
Click the button to show or hide details.
Animated details
This example smoothly animates height and contains nested content.