eevmanu/collapsible-section-in-gfm.md

Last active September 29, 2025 15:17

Star (0) You must be signed in to star a gist
Fork (0) You must be signed in to fork a gist

Select an option

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/eevmanu/44dc2ca1ebc97e8f29477b361521c7d6.js"></script>
Save eevmanu/44dc2ca1ebc97e8f29477b361521c7d6 to your computer and use it in GitHub Desktop.

collapsible section using direct html elements on top of github markdown flavored with and without code syntax on summary / title

Raw

collapsible-section-in-gfm.md

markdown syntax

<details>
<summary> <code> click here to see logs 👇 </code> </summary>

```  
[INFO] [launch]: Default logging verbosity is set to INFO
...
...
...
[INFO] [python.sh-1]: process has finished cleanly [pid xxxx]
[python.sh-1] 
```

</details>

how it looks like in gfm (github flavored markdown)

click here to see logs 👇

[INFO] [launch]: Default logging verbosity is set to INFO
...
...
...
[INFO] [python.sh-1]: process has finished cleanly [pid xxxx]
[python.sh-1]

remove <code> and </code> to avoid rendering summary title with code syntax if you want to

- <summary> <code> click here to see logs 👇 </code> </summary>
+ <summary> click here to see logs 👇 </summary>

Author

eevmanu commented Sep 29, 2025

basically is using specific html elements inject on gfm:

html element	mozilla docs	html spec
`<details>`	ref	ref
`<summary>`	ref	ref
`<code>`	ref	ref

eevmanu/collapsible-section-in-gfm.md

Select an option

No results found

Select an option

No results found

eevmanu commented Sep 29, 2025

Uh oh!