Create Alphabetical Navigations Easily: ListNav


ListNav is a jQuery plugin for creating alphabetical navigations from lists.

Once configured, a customizable (via CSS) navigation bar appears above the list, displaying letters from A to Z. When a letter is clicked, the items that start with that letter is displayed.

jQuery Alphabetical Lists

ListNav shows the number of items under a letter when the letter is hovered.

The plugin is optimized for long lists & can work with both ul and ol lists.

It also supports multiple navigations at the same page and works with all major browsers.

1 Comment
  1. Reply Thomas February 1, 2009 at 1:18 PM

    Cool stuff, should be good to add transition effect like the coda slider. I have made a similar one that browse all H1, H2, H3 tags and builds an automatic content table:

Leave a reply