Search notes:

HTML element: details

A <details> tag creates a widget whose content becomes visible or invisible by the user toggling its visibilty (typically by clicking a triangle).
<!doctype html>
<html><body>

The three main <a href='development/languages/Metasyntactic-variables'>metasyntactic variables</a>:
<details>
  <ul style='margin-top:0'>
    <li>foo
    <li>bar
    <li>baz
  </ul>
</details>

More text …

</body></html>
Github repository about-html, path: /tags/details.html

Closed

Open

Clicking on the triangle opens the <details> content:

See also

The CSS visibility property.
HTML elements

Index