Yup.
<details>
<summary>Name of collapsible section</summary>
<p>text inside of section</p>
</details>
=
Name of collapsible section
text inside of section
you can't do markdown in it but you can do more HTML:
<details>
<summary>Name of collapsible section</summary>
<p>
<ul>
<li>Fruits
<ul>
<li>Apple</li>
<li>Banana</li>
</ul>
</ul>
=
Name of collapsible section
You can also style it:
<div style="text-align: center;">
<details style="display: inline-block; font-family: sans-serif; border: 1px solid #e2e8f0; border-radius: 8px; padding: 0.5rem; background: #f8fafc; text-align: left;">
<summary style="font-size: 20px; background-color: #3b82f6; color: white; padding: 0.5rem 1.5rem; border-radius: 4px; cursor: pointer; font-weight: 600;">
Name of collapsible section
</summary>
<ul style="font-size: 14px; list-style-type: disc; padding-left: 2rem; margin-top: 1rem; color: #475569;">
<li>Fruits
<ul style="list-style-type: circle; padding-left: 1.5rem; margin-top: 0.5rem;">
<li>Apple</li>
<li>Banana</li>
</ul>
</li>
</ul>
</details>
</div>
=
Name of collapsible section
okay sorry guys i was having way too much fun with this and started breaking stuff so i brought it back to how it was before.
But also the box now automatically fits the adjustable text size I think so that's cool.