Collapsible items in Markdown

[pvanheus]

A quick tip - you state in https://michaelcurrin.github.io/dev-cheatsheets/cheatsheets/markdown/collapsible-items.html that "when Jekyll will renders the code it keeps the Markdown as plain text and does not render it as formatted Markdown".

If you're using the kramdown engine as is common with Jekyll, you can specific markdown="1" on a HTML attribute. E.g.

<details markdown="1">
<summary><b>Preview title</b></summary>

_Markdown is valid, but add empty lines to separate from the HTML tags._

- Bullet
- Points

</details>

and then the inner Markdown gets rendered. For details on this, see the HTML Blocks section of the kramdown syntax guide.

Best wishes!

[MichaelCurrin]

Great, thanks for sharing!

[trevorsandy]

Certainly on GitHub pages, your div example here does not preserve the markdown formatting when an empty line is placed between the bullet list and open/close div tags. However, adding markdown="1" to the div tag, as in <div id="foo" class="foo" markdown="1">"foo"</div> does preserve the markdown formatting.
Cheers,