Notice: The WebPlatform project has been discontinued when the Stewards partnership agreement ended in September 2015. This site has been frozen, and the assets we have created will remain.

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