Collapsible sections for code

[GMbrianlaw]

Checklist

• I have read and accepted the contributing guidelines.

Is your feature request related to a problem? Please describe

I often use Chirpy's built-in syntax for code highlighting, but often long blocks of code are annoying to the reader as they have to scroll down a lot to skip it.

Describe the solution you'd like

Two ideas are either to include a collapsible element which works in general, or to make code blocks collapsed by default and expandable.

Describe alternatives you've considered

Using HTML's <detail> tag, but it is difficult to get Chirpy to recognize code inside HTML.

Additional context

No response

[huanyushi]

<details markdown="1">
<summary> Click </summary>

```
blababla
```

</details>

You need to add markdown="1" to the <details> element so that the content inside it can be parsed as Markdown. See the following example: