Details and Summary

Regular disclosure§

#+begin_details
#+begin_summary
Why is this hidden?
#+end_summary
The content appears when the disclosure is opened.
#+end_details

This exports as:

<details>
<summary>Why is this hidden?</summary>
The content appears when the disclosure is opened.
</details>

Without a summary§

If the summary block is omitted, browsers use their default label:

#+begin_details
The details text.
#+end_details

Open by default§

Use #+attr_html with :open t:

#+attr_html: :open t
#+begin_details
#+begin_summary
Open by default
#+end_summary
The details are visible immediately.
#+end_details

Style details summary and details .details in the site CSS when you need custom presentation.

These blocks are plain HTML, so they remain valid under Zola 0.23 without components or shortcodes.