---
title: "How to Create a Collapsible Table of Contents in Elementor?"
url: https://theplusaddons.com/docs/create-a-collapsible-table-of-contents-in-elementor/
date: 2025-01-11
modified: 2026-04-09
author: "Aditya Sharma"
description: "Are you looking to add a collapsible table of contents in Elementor? A collapsible table of contents is not only visually appealing, but also helps to save space on the..."
word_count: 199
---

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

## Key Takeaways

- The Plus Addons for Elementor includes a Table Of Content widget that creates a collapsible table of contents.
- Users can enable the Default On toggle to keep the table of contents open by default.
- Separate icons for open and close states can be added from the Open and Close tabs.

Are you looking to add a collapsible table of contents in Elementor? A collapsible table of contents is not only visually appealing, but also helps to save space on the page, making it more user-friendly.

With the Table Of Content widget from The Plus Addons for Elementor, you can create a collapsible table of content in Elementor.

*To check the complete feature overview documentation of The Plus Addons for Elementor Table Of Content widget*,* [click here](https://theplusaddons.com/docs/add-a-table-of-contents-in-elementor/).*

***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-table-of-contents/)

To do this, add the Table Of Content widget to the page and follow the steps.

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

2. Then enable the **Toggle** toggle from the **Extra Options** tab.

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.* 

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

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

## Frequently Asked Questions

**Q: What do I need before starting to create a collapsible table of contents in Elementor?**
A: You need to have The Plus Addons for Elementor installed and activated to use the Table Of Content widget. This widget enables you to create a collapsible table of contents in Elementor.

**Q: How do I enable the collapsible feature for the table of contents?**
A: To enable the collapsible feature, add the Table Of Content widget to your page and enable the Toggle toggle from the Extra Options tab. This will allow the table of contents to be collapsible.

**Q: What happens if I enable the Default On toggle?**
A: Enabling the Default On toggle will keep the table of contents open by default when the page loads. This can be adjusted based on your preference for user experience.

**Q: How can I customize the icons for the open and close states of the table of contents?**
A: You can customize the icons for the open and close states by navigating to the Open and Close tabs after adding the Table Of Content widget. This allows you to set different icons based on the state.

**Q: Is there a way to see a complete feature overview of the Table Of Content widget?**
A: Yes, you can check the complete feature overview documentation of The Plus Addons for Elementor Table Of Content widget by [clicking here](https://theplusaddons.com/docs/add-a-table-of-contents-in-elementor/).

**Q: What if the table of contents doesn't appear after following the steps?**
A: If the table of contents doesn't appear, ensure that The Plus Addons for Elementor is installed and activated, as this is a requirement for using the Table Of Content widget.