details

Summary

The details element represents a disclosure widget from which the user can obtain additional information or controls.

Overview Table

DOM Interface

HTMLDetailsElement

Attributes

open

If the open attribute is set on the details tag, it will be open when it’s rendered.

Browser support

The <details> tag is currently only supported in Chrome and in Safari on Mac.

Examples

<details open="open">
    <p>Foo</p>
    <p>Bar</p>
    <p>Peter</p>
</details>

View live example

Related specifications

HTML 5.1

W3C Working Draft