Are you looking to hire a designer? Post a job listing on our design job board. Visit the design job board.

25 jQuery Plugins for Navigation

A few weeks ago we featured 25 jQuery Tutorials for Improved Navigation Menus. Today we’ll take a look at more jQuery options for navigation, this time focusing on plugins that you can use in your own work.

Accordion Menu Script

jQuery Navigation Plugin

jQuery (mb)Menu

jQuery Navigation Plugin

SuckerFish Style

jQuery Navigation Plugin

Simple jQuery Accordion Menu

jQuery Navigation Plugin

Coda-Slider

jQuery Navigation Plugin

jQuery Multi Level CSS Menu #1

jQuery Navigation Plugin

jQuery Multi Level CSS Menu #2

jQuery Navigation Plugin

jQuery Simple Drop Down Menu

jQuery Navigation Plugin

Simple Horizontal Accordion Plugin

jQuery Navigation Plugin

jQuery UI Tabs

jQuery Navigation Plugin

BDC Drilldown Menu (iPod Style)

jQuery Navigation Plugin

jBreadCrumb

jQuery Navigation Plugin

jqDock

jQuery Navigation Plugin

jQuery ListNav

jQuery Navigation Plugin

Slide Subnav

jQuery Navigation Plugin

Superfish

jQuery Navigation Plugin

Treeview

jQuery Navigation Plugin

Sliding Menu

jQuery Navigation Plugin

jQuery Full Width Navigation

jQuery Navigation Plugin

jdMenu Hierarchical Menu Plugin for jQuery

jQuery Navigation Plugin

idTabs

jQuery Navigation Plugin

jQuery Nested Tabs

jQuery Navigation Plugin

FastFind Menu

jQuery Navigation Plugin

jQuery Pager

jQuery Navigation Plugin

jQuery Pagination

jQuery Navigation Plugin

For more resources, please see:

40 Responses from Readers

Raymond Selda February 17th, 2009

Nice collection. I think I’ve used JQuery UI Tabs before. I’m not really that good with Javascript so having JQuery and the plug-ins is a real lifesaver.

Thank you for this post.

Jan Jarfalk February 17th, 2009

Both when I wanted a Tab plugin and an Accordion plugin I wasn’t happy with what I found on the web. I found them all to heavy, byte wise, and to bloated with functionality I would never use.

So I created my own plugins – Tabify and Accordion. Both doesn’t feature as much functionality as other script, but if you want something lightweight I think they are the way to go.

Tabify: http://www.unwrongest.com/projects/tabify/
Accordion: http://www.unwrongest.com/projects/accordion/

Thomas February 17th, 2009

Great list, thanks. I love coda-slider

clickblog.org February 17th, 2009

Your post worked for me. I read it the whole through! thanks.!!

Patternhead February 17th, 2009

Wow, fantastic list, thanks for sharing.

Alex Cristache February 17th, 2009

This is a nice collection Steven, thank you!

joyoge designers' bookmark February 17th, 2009

nice menu plugins collection thanks..

Fred Wu February 17th, 2009

Thanks for the nice collection!

Apart from the ‘traditional’ navigation methods, there is also endless (or infinite) scroll which is now gaining more and more attention. :)

http://www.beyondcoding.com/2009/01/15/release-jquery-plugin-endless-scroll/

Cheers,
Fred

Jason Bartholme February 18th, 2009

Great stuff Steven! I’ve been working on a few projects that use jQuery and this will come in handy when I get to the UI.

AthenaEmily February 18th, 2009

Very useful! Thanks a lot got this list. Been digging into some of these techniques lately

Todd Parker February 22nd, 2009

The official jQuery UI tab component is worth checking out, especially because it’s easily skinnable with the ThemeRoller app and their new CSS framework:
http://jqueryui.com/demos/tabs/

Andy Towler February 24th, 2009

Hey, thanks for posting. There are quite a few here that I hadn’t come across. Well played.

Patrick H. Lauke February 24th, 2009

just a shame that the vast majority of those plugins (or at least their demo pages) aren’t even doing basic keyboard access and just rely on mouse interaction…

Amber Weinberg February 25th, 2009

I’ll be using some of these today ;)

kadir February 26th, 2009

excellent collection thank you

trendbender March 22nd, 2009

great list, a lot of thx

4design May 26th, 2009

It is very nice jQuery plugins for navigation. I am use it on my blog in future. Thanks a lot!

Webagentur June 8th, 2009

Wow, thank you … this jquery-menus has me very helped.

Vermin September 4th, 2009

thks, its very nice. Very helpful information

mahgob October 13th, 2009

Hi,
I have came across this simple tabs article with working demo which works absolutely perfect. All you do is add contents and link for each tab in html you do not need to add/modify ids or scripts.It just manages everything dynamically.

here is the link
http://www.codeproject.com/KB/HTML/JQuery_Tabs_Template.aspx

please give it a try and share the great jquery plugins

designer Itransition October 17th, 2009

I only want to note that navigation related plugins should be integrated with a profound correlation with the informational structure of the web site. The variety of programming examples shouldn’t overload the easy and clear site navigation.

indialike December 10th, 2009

This is really very good Site… Thanks

Victor December 23rd, 2009

Great compilation! I also like these jquery menus : http://apycom.com/menus/1-deep-sky-blue.html

nikhil January 27th, 2010

really a gr8 collection.Thanx for sharing….

Trackbacks

Leave a Reply