Use "details" in markdown with Jekyll

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", "tagfilter"]

Caveat

<details>
<summary>Caveat</summary>

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