A simple jQuery plugin to generate a navigation index from headers.
It works for levels from <h1> to <h6>.
- jquery1.7.2
Copy the jhni folder to your site and include jQuery, the js and the css file as follows:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="./jhni/js/jquery-h-nav-index.js"></script>
<link rel="stylesheet" type="text/css" href="./jhni/css/jquery-h-nav-index.css"/>
Then, if you whant a fancy and fixed and collapsable navigation index in the up-left corner of your site, append the following code.
<script type="text/javascript">jhnavigationIndex();</script>
But if you prefer an inline navigation index to be placed inside an element of your page, the following code:
<script type="text/javascript">jhnavigationIndex('#idElement');</script>
Where #idElement is the identifier of the element where the navigation index will be placed.
The index will be automatically generated and the header entries linked.