---
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 includes a Table of Contents block that allows users to create a sticky table of contents in WordPress.
- Users can enable the Default On toggle to keep the table of contents open by default or disable it to keep it collapsed.
- The Table of Contents block requires Nexter Blocks to be installed and activated for full functionality.

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)

## Frequently Asked Questions

**Q: What should I do if the Table of Contents block is not showing up in WordPress?**
A: If the Table of Contents block isn't appearing, ensure that the Nexter Blocks plugin is installed and activated. This block is a part of Nexter Blocks, and without it, you won't have access to its features. Check your plugin settings and make sure everything is properly set up.

**Q: Can I use the Table of Contents block with other page builders besides Gutenberg?**
A: The Table of Contents block is specifically designed for Gutenberg as part of Nexter Blocks. While it supports Elementor and Bricks, the primary functionality is optimized for Gutenberg. If you're using a different builder, you may not have access to this block's features.

**Q: What is the best way to style my collapsible Table of Contents?**
A: To style your collapsible Table of Contents effectively, select the appropriate type and style from the Layout tab. This allows you to customize how the table appears, enhancing the user experience. Experiment with different styles to find one that fits your site's design.

**Q: Is there a way to make the Table of Contents sticky while scrolling?**
A: The Table of Contents block from Nexter Blocks allows you to create a sticky table of contents, which remains visible as users scroll through the content. This feature improves navigation and helps users quickly find the information they need without losing their place.