I have some pages where I would like to collapse information by default. I have written a demo page to test this and I can seem to get it to work. I suspect I may be doing something wrong. All the app does is render the text without the collapse clickable text as shown in the screenshot. May I ask for help on how to enable this functionality please?
---
Title: Collapsible Sections Demo
Sort: 40
---
## Basic Example
<details>
<summary>Click to expand</summary>
This is a simple collapsible section.
You can include normal Markdown content:
- Bullet points
- **Bold text**
- `inline code`
</details>
---
## Open by Default
<details open>
<summary>This section starts open</summary>
This content is visible when the page loads.
Useful for:
- Important information
- Default-expanded sections
</details>
---
## Nested Sections
<details>
<summary>Parent Section</summary>
This is the parent content.
<details>
<summary>Child Section</summary>
This is nested inside the parent.
You can keep nesting if needed, but avoid going too deep.
</details>
</details>
---
## Practical Example: Installation Steps
<details>
<summary>📦 Show installation steps</summary>
### Step 1
Pull the container:
```bash
docker pull raneto/raneto
Render

I have some pages where I would like to collapse information by default. I have written a demo page to test this and I can seem to get it to work. I suspect I may be doing something wrong. All the app does is render the text without the collapse clickable text as shown in the screenshot. May I ask for help on how to enable this functionality please?
Render