Tag

Defines a visible heading for a

element.

display: block;

The

tag defines a visible heading for
the

element. The heading can be clicked
to view/hide the details.

Note: The

element should be the first
child element of the

element.

Examples

 <details>
  <summary>Epcot Center</summary>
  <p>Epcot is a theme park at Walt Disney World Resort featuring exciting attractions, international pavilions, award-winning fireworks and seasonal special events.</p>
</details>

<details open>
  <summary><strong>Overview</strong></summary>
  <ol>
    <li>Cash on hand: $500.00</li>
    <li>Current invoice: $75.30</li>
    <li>Due date: 5/6/19</li>
  </ol>
</details>