📝Markdown & HTML

Collapsible Section (Markdown)

How to hide long content under a summary toggle.

Explanation

Markdown allows mixing HTML tags like <details> to create interactive elements.

Examples

Toggle Pattern
Output
<details>
<summary>Click me</summary>
Content
</details>

Code Examples

Markdown
<details>
<summary><b>Click to see full logs</b></summary>

```bash
error: something went wrong
at line 45:2
```

</details>

Try it Now

💡 Tips

  • Always include a summary tag for the label
  • Leave a blank line after the summary for markdown inside to render
  • Great for long FAQs or technical logs

⚠️ Common Pitfalls

  • Not all markdown renderers support HTML tags (though most modern ones do)