What Is Desk Of Contents
Desk Of Contents (TOC) is a type of in-page navigation that shows an inventory of anchor hyperlinks pointing to the completely different web page sections throughout the HTML doc.
It might probably assist enhance the person expertise on the lengthy webpage thereby rising your rating in search engines like google and yahoo.
On the whole, a desk of contents plugin robotically exacts content material from heading components (h1, h2, h3, and so forth) throughout the doc and generates anchor hyperlinks primarily based on the CSS ID you assign.
Clicking the anchor hyperlinks will scroll the web page to the corresponding web page sections for higher in-page navigation expertise.
The Finest Desk Of Contents Plugin
It is a assortment of 10 finest (most downloaded) desk of contents jQuery and Vanilla JavaScript plugins to your lengthy net content material to enhance person expertise and enhance search engine rankings. Have enjoyable.
Initially Printed Mar 18 2019, updated Feb 11 2025
Desk of contents:
Finest jQuery Desk Of Contents Plugins:
Sidebar Desk Of Contents Generator with jQuery and Bootstrap – Bootstrap Toc
A light-weight jQuery & Bootstrap plugin used to generate a sticky, collapsible desk of contents from heading tags throughout the doc.
Accordion-style Sticky Desk Of Contents – jQuery Catalog.js
A jQuery plugin for producing a sticky desk of contents from web page sections, which robotically collapses/expands identical to an accordion.
Floating Desk Of Contents Plugin – jQuery FooNav.js
A easy but strong jQuery desk of contents plugin that robotically generates a floating, drawer-style, in-page navigation menu from headings (or every other components) throughout the doc.
Straightforward jQuery Desk Of Contents Plugin – erToc
A easy and quick jQuery plugin that robotically generates a desk of contents to your net web page.
Automated Desk of Contents with jQuery – Autocontents.js
A brilliant tiny jQuery plugin that robotically generates a nested desk of contents for any aspect on an online web page primarily based on heading tags.
Finest Vanilla JS Desk Of Contents Plugins:
Extremely Customizable Desk Of Contents Generator – Tocbot
Tocbot is a simple but extremely customizable TOC (desk of contents) generator created with pure JavaScript. It lets you robotically generate an interactive in-page navigation menu from headling components with assist for scrollspy and clean scroll.
table-of-contents.js
A very easy desk of contents generator to create a hierarchical in-page navigation record from heading components discovered throughout the doc.
Producing A Desk Of Contents with Pure JavaScript – TOC
TOC is a jQuery-free JavaScript plugin that robotically generates a desk of contents from HTML heading tags of your lengthy content material.
Collapsible Facet Desk Of Contents In JavaScript – DocumentOutline
A desk of contents JavaScript library specifically designed for documentation web sites.
Generate A Hierarchical Desk Of Contents With Vanilla JS – toc-plugin
A vanilla JavaScript TOC plugin used to generate an inventory primarily based hierarchical desk of contents for lengthy net content material.
Extra Assets:
Searching for extra jQuery plugins or JavaScript libraries to create superior Desk Of Contents on the net & cell? See jQuery Desk Of Contents and JavaScript Desk Of Contents sections for extra particulars.
