popdown rendering in markdown for posts (like the table of contents)

[cs-mshah]

Why does the markdown not render the popdown like feature.
I want to render:

<details>
<summary>my popdown</summary>
some codefenced code.
</details>

which behaves like this:

my popdown

some codefenced code.

This is very useful when we want to hide large chunks of code and display only when the person reading wants to open a particular block. The popdown should be possible with any kind of element - code, image, video, quotes, lists etc.

Here is a link: gist

[adityatelange]

That is beacause Hugo by default does not allow any HTML content to be rendered as it is.

Either user the included collapse shortcode or search Hugo docs/Community to enable HTML rendering (something like unsafe=true)

[cs-mshah]

yep. I found it. thanks

[iAziz786]

@cs-mshah where have you found the solution?

[iAziz786]

Got it, this is how we should use it.

{{< collapse summary="What is SPF?" >}}
Your content goes here. You can use **Markdown** or <strong>HTML</strong> inside the collapsible section.
{{< /collapse >}}