Text and Lists

Details Summary

Disclosure Without Script

A deploy checklist uses summary and details so the browser owns a simple disclosure interaction.

Program

Some browser interactions are already built into HTML. Details and summary create an expandable region without JavaScript.

details_summary.html 
<details open>
  <summary>Deploy checklist</summary>
  <p>Run tests before upload.</p>
</details>
details A details element creates a disclosure widget with hidden or visible content.
summary The summary is the always-visible label for a details widget.