This basic example toggles a short block of text. The button updates its label and the content is hidden using the hidden attribute when collapsed.
The container for the controlled content uses the details class as requested.
Use this widget to keep track of your progress:
This example demonstrates how multiple buttons can control separate content regions without interfering with one another.
Design considerations:
Development considerations:
aria-expanded, aria-controls) to communicate state.