Two examples demonstrating an accessible expand/collapse pattern. Each widget is wrapped with a div.example and the controlled content container has the "details" class.
This is a short informational block that is revealed when the "More information" button is toggled. It demonstrates a simple expand/collapse pattern with ARIA attributes: the button has aria-expanded and the content has aria-hidden.
Tip: Press Escape to close when focus is inside the details area.