Collapsable content in Markdown with <details>

Pro Tip: The HTML disclosure summary element (<details>) works with markdown so you can create collapsable sections in your READMEs like so:

<!– README.md –>
<details>
<summary><b>See 7 Available Translations</b&…


This content originally appeared on DEV Community and was authored by JS Bits with Bill

Pro Tip: The HTML disclosure summary element (<details>) works with markdown so you can create collapsable sections in your READMEs like so:

<!-- README.md -->
<details>
  <summary><b>See 7 Available Translations</b></summary>
  <p>

  - [🇩🇪 Deutsch](./de-DE/README.md)
  - [🇪🇸 Español](./es-ES/README-ES.md)
  - [🇫🇷 Français](./fr-FR/README_fr-FR.md)
  - [🇮🇩 Indonesia](./id-ID/README.md)
  - [🇳🇱 Nederlands](./nl-NL/README.md)
  - [🇧🇷 Português Brasil](./pt-BR/README_pt_BR.md)
  - [🇹🇷 Türkçe](./tr-TR/README-tr_TR.md)
  </p>
</details>

Rendered output:

If your documentation includes huge blocks of code or has many sections, using <details> can be a great way to preserve readability! 📖

Yo! I post byte-sized tips like these often. Follow me if you crave more! 🍿

I'm on TikTok, Twitter and I have a new debugging course dropping soon!


This content originally appeared on DEV Community and was authored by JS Bits with Bill


Print Share Comment Cite Upload Translate Updates
APA

JS Bits with Bill | Sciencx (2021-10-11T19:35:19+00:00) Collapsable content in Markdown with <details>. Retrieved from https://www.scien.cx/2021/10/11/collapsable-content-in-markdown-with-details/

MLA
" » Collapsable content in Markdown with <details>." JS Bits with Bill | Sciencx - Monday October 11, 2021, https://www.scien.cx/2021/10/11/collapsable-content-in-markdown-with-details/
HARVARD
JS Bits with Bill | Sciencx Monday October 11, 2021 » Collapsable content in Markdown with <details>., viewed ,<https://www.scien.cx/2021/10/11/collapsable-content-in-markdown-with-details/>
VANCOUVER
JS Bits with Bill | Sciencx - » Collapsable content in Markdown with <details>. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/10/11/collapsable-content-in-markdown-with-details/
CHICAGO
" » Collapsable content in Markdown with <details>." JS Bits with Bill | Sciencx - Accessed . https://www.scien.cx/2021/10/11/collapsable-content-in-markdown-with-details/
IEEE
" » Collapsable content in Markdown with <details>." JS Bits with Bill | Sciencx [Online]. Available: https://www.scien.cx/2021/10/11/collapsable-content-in-markdown-with-details/. [Accessed: ]
rf:citation
» Collapsable content in Markdown with <details> | JS Bits with Bill | Sciencx | https://www.scien.cx/2021/10/11/collapsable-content-in-markdown-with-details/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts