---
title: "How to Create a Collapsible Table of Contents in WordPress?"
url: https://qa.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://qa.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

- Utilizes the Table of Contents block from Nexter Blocks to create a sticky table of contents in WordPress.
- Enables the Toggle Icon toggle from the Table Title tab to allow collapsible functionality.
- Configures the Default On toggle to set whether the table of contents is open or collapsed 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://qa.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://qa.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://qa.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://qa.nexterwp.com/wp-content/uploads/2024/12/tableofcontent-collapse-demo-2.gif)