Toggles are used to hide related or more detailed content by default.

Examples

• Header goes here
• This is the next header
• Third header
• Fourth header does not actually have content.

Styling

Toggles are rendered as details elements with summary elements to show the headers.