ritwik-g/markdown-details-collapsible.md

Forked from pierrejoubert73/markdown-details-collapsible.md

Created January 31, 2023 13:57

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

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

Download ZIP

How to add a collapsible section in markdown.

Raw

markdown-details-collapsible.md

How to

<details>
  <summary>Click me</summary>
  
  ### Heading
  1. Foo
  2. Bar
     * Baz
     * Qux

  ### Some Code
  ```js
    function logSometing(something) {
      console.log('Something', something);
    }
  ```
</details>

Example

Click me

Heading

Foo
Bar
- Baz
- Qux

Some Code

  function logSometing(something) {
    console.log('Something', something);
  }

Rules

Have an empty line after the closing </summary> tag or Markdown/code blocks will not render.
Have an empty line after the closing </details> tag if you have multiple collapsible sections after one another.