Widgets · 12
Build a disclosure
A show-and-hide control must expose its state and keep the controlled content synchronized.
What to do
- Use a native button named Delivery details.
- Connect it to the panel with aria-controls and start with aria-expanded="false".
- Keep aria-expanded and the panel’s hidden state synchronized after activation.
Result
Run the checks
Edit the HTML and select “Check solution”. The preview updates automatically.
If you are stuck
The preview supplies the interaction logic. Give it a valid button, boolean state, and matching controlled ID.