# Collapsible TOC

**URL:** <https://discourse.joplinapp.org/t/collapsible-toc/49988>\
**Category:** Support\
**Created:** [24 May 2026 20:23 UTC](https://discourse.joplinapp.org/t/collapsible-toc/49988 "2026-05-24T20:23:28Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![ikwyl6](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/ikwyl6/32/15743_2.png) [@ikwyl6](https://discourse.joplinapp.org/u/ikwyl6)\
**Post date:** [24 May 2026 20:23 UTC](https://discourse.joplinapp.org/t/collapsible-toc/49988/1 "2026-05-24T20:23:28Z")

</div>

### Operating system

iOS

### Joplin version

13.6.9

### Sync target

WebDAV

### Editor

Markdown Editor

### What issue do you have?

I’d like to have a collapsible TOC so it’s not always taking up large portion of the top of screen or pages. I tried to put it in a

> **tags but it shows the black arrow but then just \[toc\] next to it. The arrow moves down and right but does not expand the TOC. Any ideas?**
>
> and

---

<div class="post-metadata">

**Author:** ![dpoulton](https://yyz2.discourse-cdn.com/flex028/user_avatar/discourse.joplinapp.org/dpoulton/32/29723_2.png) [@dpoulton](https://discourse.joplinapp.org/u/dpoulton)\
**Post date:** [25 May 2026 11:49 UTC](https://discourse.joplinapp.org/t/collapsible-toc/49988/2 "2026-05-25T11:49:54Z")

</div>

Make sure you have an empty line before the `[TOC]` entry.

```plaintext
<details markdown='1'>
<summary>Table of Contents</summary>

[TOC]
</details>

```

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex028/uploads/cozic/original/3X/1/c/1c948e33314e232a0927789508474d8624f4270b.png) [@system](https://discourse.joplinapp.org/u/system)\
**Post date:** [24 June 2026 11:50 UTC](https://discourse.joplinapp.org/t/collapsible-toc/49988/3 "2026-06-24T11:50:01Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.