Expand / Collapse Widget

This content is controlled by the button above. The button uses aria-expanded and aria-controls to indicate the state and relationship; the content container uses aria-hidden and role="region".

Animations are implemented by adjusting max-height to the content's scrollHeight so the transition is smooth.

For a simple smoothie:

• 1 banana
• 1 cup frozen berries
• 1/2 cup yogurt
• 1/2 cup milk