Notice: The WebPlatform project, supported by various stewards between 2012 and 2015, has been discontinued. This site is now available on github.

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