How to Create a Collapsible Table of Contents in Elementor?

Updated onApril 9, 2026By

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.
Table Of Content

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.

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

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.

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
LinkedIn X GitHub YouTube Website
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What do I need before starting to create a collapsible table of contents in Elementor?

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.

How do I enable the collapsible feature for the table of contents?

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.

What happens if I enable the Default On toggle?

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.

How can I customize the icons for the open and close states of the table of contents?

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.

Is there a way to see a complete feature overview of the Table Of Content widget?

Yes, you can check the complete feature overview documentation of The Plus Addons for Elementor Table Of Content widget by clicking here.

What if the table of contents doesn't appear after following the steps?

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.

Last reviewed: April 9, 2026

Related Docs