Examples of an accessible expand/collapse pattern. Each widget is wrapped with a div.example and the controlled content container uses class="details".
This is additional contextual information that is hidden by default. Use the button above to toggle visibility. The panel is accessible via aria-controls and aria-expanded on the button, and the region has role="region".
Adjust the following settings for more control.