HTML: Details and summary (accordion)

A short, tested HTML example for details and summary (accordion). Copy it and adjust the names and paths for your project.

HTML

<details>
  <summary>Click to expand</summary>
  <p>Hidden content, no JavaScript needed.</p>
</details>

Find it in Zest

Search for “html details and summary (accordion)” in Zest and this example appears above the results, with other matches to choose from. Searches stay private.

More HTML examples

Basic page skeleton Form with labels Responsive image Dialog (modal)Table Hello world

All HTML examples