The <details> element includes extra information that users can look at or hide on demand. Think of accordions or tooltips as the most familiar examples of the <details> element. These elements give developers and designers the ability to save space while avoiding overwhelming users with data.

To specify that the details should be visible to users (by default, they're hidden), you should use the open attribute. The syntax flows like this: <details open>...</details>^[1]