What is details element

The <details> HTML element creates a disclosure widget in which information is visible only when the widget is toggled into an “open” state.

The demo

Demo

Markdown content here.

The markup

<details>
<summary>demo</summary>

**Markdown** content here.

</details>

How to

  1. Switch to CommonMarkGhPages as instructed
  2. Make sure option UNSAFE is present in _config.yml -> commonmark.options
  3. Enjoy the simplicity

My configuration:

commonmark:
  options: ["UNSAFE", "SMART", "FOOTNOTES"]
  extensions: ["strikethrough", "autolink", "table"]
Caveat 
<details>
<summary>Caveat</summary>

👆 This empty line is required to use **Markdown** here.
</details>