---
title: "How to Create a Collapsible Table of Contents in WordPress?"
url: https://nexterwp.com/docs/create-a-collapsible-table-of-contents-in-wordpress/
date: 2024-12-03
modified: 2026-04-14
author: "Aditya Sharma"
description: "Do you want to add a table of contents in Elementor? Adding a table of contents allows readers to easily navigate through your content, find the information they need, and..."
image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Create-a-Collapsible-Table-of-Contents-in-WordPress_-1024x519.jpg
word_count: 202
---

# How to Create a Collapsible Table of Contents in WordPress?

## Key Takeaways

- Nexter Blocks Table Of Contents block creates a sticky table of contents in WordPress for easier navigation through content.
- Layout tab and Table Title tab control the table of contents type, style, and Toggle Icon, while Show Title stays enabled.
- Open and Close tabs add separate icons for open and close states, and Default On keeps the table of contents open by default.

Do you want to add a table of contents in Elementor? Adding a table of contents allows readers to easily navigate through your content, find the information they need, and improve the overall user experience.

With the Table of Contents block from Nexter Blocks, you can create a beautiful sticky table of contents in WordPress.

*To check the complete feature overview documentation of the Nexter Blocks Table Of Contents block,* [click here](https://nexterwp.com/docs/add-a-table-of-contents-in-wordpress/).

***Requirement  - This block is a part of the Nexter Blocks, make sure it's installed & activated to enjoy all its powers.***

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-table-of-contents/)

To do this, add the Table of Contents widget to the page and follow the steps.

1. Select the appropriate type and style from the **Layout** tab.

2. Then enable the **Toggle Icon** toggle from the **Table Title** tab.

![](https://nexterwp.com/wp-content/uploads/2024/12/tableofcontent-toggle-icon.gif)

> *Note: Make sure the Show Title toggle is enabled.*

From the **Open** and **Close** tabs, you can add separate icons for the open and close states.

You can enable the **Default On** toggle to keep the table of contents open by default.

> *Note: To keep the table of contents collapsed by default, disable the ****Default On**** toggle.* 

Now you’ll have a beautiful collapsible table of contents.

![](https://nexterwp.com/wp-content/uploads/2024/12/tableofcontent-collapse-demo-2.gif)