<details>

The <details> element is a disclosure widget which can be expanded to reveal additional content. When closed, only the nested <summary> element is visible.

Baseline Status: Achieved Widely Available on Jul 15, 2022 (Cross-browser Newly Available since Jan 15, 2020).

Desktop Browser Engine Support

Google Chrome

12

Supported

Mozilla Firefox

49

Supported

Apple Safari

6

Supported

Microsoft Edge

79

Supported

Mobile Browser Engine Support

Chrome Android

18

Firefox Android

49

Safari iOS

6

Specifications and References

Specification ↗ Can I Use (details) ↗ Feature XML ↗

MDN Browser Compat Data Keys:

api.HTMLDetailsElement ↗ api.HTMLDetailsElement.open ↗ api.HTMLElement.toggle_event ↗ api.HTMLElement.toggle_event.details_elements ↗ html.elements.details ↗ html.elements.details.open ↗ html.elements.summary ↗ html.elements.summary.display_list_item ↗