hindex injects an index in hindsight. Now you can focus on your content again, and dynamically generate a fully nested and hyperlinked index of headings. The headings in the following dummy text are editable, make changes and click here to refresh the hindex.


Include hindex.js after jQuery

then call the hindex function on the element you'd like your hindex to appear in

: $ ("#hindex").hindex (); // Simple!


The CSS style classes are ol.hindex-h*. The default hindex.css h* list-style-types are h1:decimal, h2:decimal-leading-zero, h3:upper-alpha, h4:lower-roman, h5:lower-alpha, h6:square.

Add the class .hindexception to any heading you'd like hindex to ignore; like the following heading.