25 jQuery Drop Down Menu Scripts

Published in Web Development

Navigation is a critical aspect of any website. Many larger sites use drop down menus in effort to make it easier for visitors to find what they are looking for. In this post we will feature 25 scripts that you can use on your own sites for jQuery drop down menus.

Sexy Drop Down Menu with jQuery and CSS

Sexy Drop Down Menu with jQuery and CSS

How to Create a Drop Down Nav Menu with HTML5, CSS3, and jQuery

How to Create a Drop Down Nav Menu with HTML5, CSS3, and jQuery

Mega Drop Down Menus with CSS & jQuery

Mega Drop Down Menus with CSS & jQuery

Sliding jQuery Menu

Sliding jQuery Menu

Smooth Navigation Menu

Smooth Navigation Menu

Simple Drop Down Menu Plugin

Simple Drop Down Menu Plugin

jQuery and CSS Example

jQuery and CSS Example

Create the Fanciest Drop Down Menu You Ever Saw

Create the Fanciest Drop Down Menu You Ever Saw

A Different Top Navigation

A Different Top Navigation

Easy to Style jQuery Drop Down Menu

Easy to Style jQuery Drop Down Menu

jQuery Drop Down Menu for RSS Subscription

jQuery Drop Down Menu for RSS Subscription

Animated Drop Down Menu with jQuery

Animated Drop Down Menu with jQuery

Superfish

Superfish

Reinventing a Drop Down with CSS and jQuery

Reinventing a Drop Down with CSS and jQuery

Simple jQuery Dropdowns

Simple jQuery Dropdowns

jQuery Menu: Dropdown, Drilldown, and iPod Flyout Styles

jQuery Menu: Dropdown, Drilldown, and iPod Flyout Styles

McDropdown jQuery Plugin

McDropdown jQuery Plugin

jdMenu Hierarchical Menu Plugin

jdMenu Hierarchical Menu Plugin

Dim Gray Drop Down Menu

Dim Gray Drop Down Menu

Create a MultiLevel Dropdown Menu with CSS and Improve it with jQuery

Create a MultiLevel Dropdown Menu with CSS and Improve it with jQuery

CSS3 and jQuery Dropdown Navigation in WordPress

CSS3 and jQuery Dropdown Navigation in WordPress<

Make a Mega Drop Down Menu with jQuery

Make a Mega Drop Down Menu with jQuery

Droppy

Droppy

How to Implement a Perfect Multi-Level Navigation Bar

How to Implement a Perfect Multi-Level Navigation Bar

jQuery Multi-Level CSS Menu

jQuery Multi-Level CSS Menu

For more resources please see:

Ebook

Free E-book: Freelance Designer's Guide to Multiple Income Streams.
Enter your email address.

31 Responses

logolitic September 20th, 2010

the first one looks great!

rob t September 20th, 2010

I like the “mega drop down” one. Looks the cleanest and can hold a lot of links.

Web Designers September 20th, 2010

Definitely going to rock these…GREAT POST!!

Amin September 20th, 2010

Good collection. I liked “jQuery Menu: Dropdown, Drilldown, and iPod Flyout Styles”.

Freelancer Web Designer September 21st, 2010

Thanks for compiling a variety of jquery drop down menus. Nice post. Thanks for the share.

Giacomo Colddesign September 21st, 2010

Great collection!

Priyesh September 21st, 2010

Great Jquery scripts! Jquery is a great way to add interactivity to your website. I liked the first drop down menu as well as the different top menu used for the net tuts plus menu. It’s a great way of using additional sub menu items without it having to sacrifice too much screen space.

Web Templates September 21st, 2010

I like the ones that have curved corners on the drop down menu, really makes a big difference IMO.

yousef September 21st, 2010

Thanks a lot.

Web Designer, Leicester September 21st, 2010

Thanks for sharing, jQuery adds a touch of class to a drop down menu.

Michael Pehl September 22nd, 2010

Nice one, mate.

Will RT this nice collection

Alish Houston September 22nd, 2010

Thanks for sharing such a wonderful Tips !!!!

I liked the Sexy Drop Down Menu scripts the most.

egrove September 22nd, 2010

It is very useful information. Good collection of templates. can u explain how use this jquery.

Lime Web Design September 22nd, 2010

Awesome resource. Bookmarked and ready for the next site needing a drop down menu. Great work

Chimera web design September 23rd, 2010

Really great stuff, thank you!

Photoshop Friends September 24th, 2010

awesome collection i’ve been searching for 2 of them that were on the list… I bookmarked the page for future use! thanks

Website translator September 25th, 2010

Thank you for these menu resources. I find specially interesting the great variety of menus & different look. & feel.

Wally September 25th, 2010

This is very interesting. I do not have that many web pages, yet but, It is nice to know how to do them and where to get the tools from. You have helped me out alot over the last few months.

essex website designers September 27th, 2010

I really like the semi-transparent drop down menus, they are so sleek and stylish.

thanks for sharing these, it’s good for reassurance ^^

Comprar Genérico October 1st, 2010

this smoothin on screen fonts looks perfect! i like it
thanks for sharing

Zsolt October 6th, 2010

thank you so much for this great collection!Going to use some of them!

Web Design Outsourcing October 8th, 2010

Love this list! Thank you for posting.
My favorite is the “Sexy Dropdown” and the one directly below it. Can’t wait for further developments on HTML5.

Biju Subhash December 20th, 2010

Nice collections… thanks for sharing
here an another jQuery menu link:

http://www.bijusubhash.com/blog/redbrown-drop-down-menu-using-jquery-and-css

Matt May 11th, 2011

Awesome, I appreciate the insight. Thats always been one thing I’ve been afraid to tackle on my own so these come in handy.

Toronto Web Developer June 10th, 2011

Very awesome. Thanks for this.

Abdelkader Soudani September 30th, 2011

great list! thanks for sharing!
does anyone by any chance happen to know the dropdown style of google translate?

Martina October 12th, 2011

perfect list, I’ll use one of these on my next project

Web Design Liverpool January 31st, 2012

Fantastic selection of menus I am sure going to use some of these ideas on my next project

Rob Jenkins February 19th, 2012

Great selection of different Menus. Setting up the right menu layout is quite difficult but when you get it right it certainly sets your business apart.

Rafael March 19th, 2012

Great list. There’s a lot to choose from. Thanks.

Ian Birch May 12th, 2013

Nice collection.i like the mega dropdown best.thankyou for sharing

Leave a Reply