Back to Concepts

<details>

Disclosure widget.

The `<details>` tag specifies additional details that the user can open and close on demand. The `<details>` tag is often used to create an interactive widget that the user can open and close. By default, the widget is closed. When open, it expands, and displays the content within.

Live Example & Code

Preview Output
<details><summary>Click to show more</summary><p>Here is the hidden content!</p></details>
HTMLViz
© 2026 HTMLViz. Open Source Learning.