HTML · Interactive widgets

summary

The always-visible label that toggles a details element. It must be the first child.

htmlRunnable example html course

Syntax

<summary>…</summary>

Example

Try it

<details open>
  <summary>Show the answer</summary>
  <p>The answer is 42.</p>
</details>

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.