How to add a collapsible section in markdown.

markdown-details-collapsible.md

A collapsible section containing markdown

Click to expand!

Heading

1. A numbered
2. list
   • With some
   • Sub bullets

A collapsible section containing code

Click to expand!

  function logSometing(something) {
    console.log(`Logging: ${something}`);
  }

How to structure

# A collapsible section with markdown
<details>
  <summary>Click to expand!</summary>
  
  ## Heading
  1. A numbered
  2. list
     * With some
     * Sub bullets
</details>

Two important rules:

1. Make sure you have an empty line after the closing </summary> tag, otherwise the markdown/code blocks won't show correctly.
2. Make sure you have an empty line after the closing </details> tag if you have multiple collapsible sections.