Skip to content

Question: Can you use "<details>" to collapse sections #412

Description

@ppastur

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

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions