Do you want your readers to skim a long article without scrolling past every section? A collapsible table of contents keeps the outline compact by default and expands only when a reader taps it, which saves space at the top of the post on mobile.
The Table of Contents block in Nexter Blocks lets you build a sticky, collapsible table of contents in the WordPress Block editor, with toggle icons for the open and closed states and a default state you control.
To check the complete feature overview documentation of the Nexter Blocks Table of Contents block, click here.
Best Used For:
- Long-form blog posts and knowledge base articles where readers need to jump between sections without scrolling.
- Mobile-first sites where a static TOC would push the first paragraph below the fold on small screens.
- Landing pages with multiple product feature sections where visitors want a quick outline before reading.
Requirement – This block is a part of the Nexter Blocks. Make sure it is installed and activated to use it.
To do this, add the Table of Contents block to the page and follow the steps below.
1. Select the type and style you want to use from the Layout tab. Use this when you want to match the collapsible table of contents style to the surrounding page design, such as a compact inline outline versus a floating sticky panel.
2. Go to the Table Title tab and enable the Toggle Icon toggle. This is what turns a standard table of contents into a collapsible one, adding the click target readers use to expand and collapse the outline.
Note: Make sure the Show Title toggle is enabled, since the toggle icon sits next to the title.
From the Open and Close tabs, you can pick separate icons for the open and closed states. Use a downward arrow for the open state and an upward arrow for the closed state, so readers can tell at a glance whether the TOC is currently expanded.
Enable the Default On toggle to keep the table of contents open by default when the page loads. This is useful on long-form articles where you want readers to see the full outline right away.
Note: To keep the table of contents collapsed by default, disable the Default On toggle. This works well on mobile, where a collapsed TOC keeps the article visible above the fold.
Your Gutenberg WordPress page will now show a collapsible table of contents that readers can expand and collapse from the toggle icon. To help readers track how far they have scrolled through the article alongside the TOC, pair it with the Progress Bar block. If you also want a fixed section-based navigation for a one-page layout, see How to Create One Page Scroll Navigation in WordPress.
