Details

Example

Input in content/some/file.md: shortcode

  {{<details>}}
    <a class="menu-item" href="#url" aria-current="page">Account</a>
    <a class="menu-item" href="#url">Profile</a>
    <a class="menu-item" href="#url">Emails</a>
    <a class="menu-item" href="#url">Notifications</a>
    <div class="border p-3 mt-2">Hidden text</div>
  {{</details>}}

Hugo generated output: html

<details class="details-overlay">
  <summary class="btn">More</summary>
    <a class="menu-item" href="#url" aria-current="page">Account</a>
    <a class="menu-item" href="#url">Profile</a>
    <a class="menu-item" href="#url">Emails</a>
    <a class="menu-item" href="#url">Notifications</a>
    <div class="border p-3 mt-2">Hidden text</div>
</details>

Animations