25 jQuery Drop Down Menu Scripts

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:

Looking for hosting? WPEngine offers secure managed WordPress hosting. You’ll get expert WordPress support, automatic backups, and caching for fast page loads.

34 Responses

Comments are now closed on this post.

  • logolitic, September 20, 2010

    the first one looks great!

  • rob t, September 20, 2010

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

  • Web Designers, September 20, 2010

    Definitely going to rock these…GREAT POST!!

  • Amin, September 20, 2010

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

  • Freelancer Web Designer, September 21, 2010

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

  • Giacomo Colddesign, September 21, 2010

    Great collection!

  • Priyesh, September 21, 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 21, 2010

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

  • yousef, September 21, 2010

    Thanks a lot.

  • Web Designer, Leicester, September 21, 2010

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

  • Michael Pehl, September 22, 2010

    Nice one, mate.

    Will RT this nice collection

  • Alish Houston, September 22, 2010

    Thanks for sharing such a wonderful Tips !!!!

    I liked the Sexy Drop Down Menu scripts the most.

  • egrove, September 22, 2010

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

  • Lime Web Design, September 22, 2010

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

  • Chimera web design, September 23, 2010

    Really great stuff, thank you!

  • Photoshop Friends, September 24, 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 25, 2010

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

  • Wally, September 25, 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 27, 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 1, 2010

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

  • Zsolt, October 6, 2010

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

  • Web Design Outsourcing, October 8, 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 20, 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 11, 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 10, 2011

    Very awesome. Thanks for this.

  • Abdelkader Soudani, September 30, 2011

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

  • Martina, October 12, 2011

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

  • Web Design Liverpool, January 31, 2012

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

  • Rob Jenkins, February 19, 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 19, 2012

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

  • Ian Birch, May 12, 2013

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

  • Jesus, June 3, 2013

    Fantastic list of drop down menus. please feel free to share your sample codes on http://codezample.com/ for easy demoing

  • Wow, this piece of writing is good, my younger sister is analyzing these things, thus I am going to inform her.

  • Jesus, June 19, 2013

    Here is a sample code of how to create a simple drop down menu using jQuery: Multilevel Dropdown Menu | CodeZample . I also encourage you to share your own version to help out others. Hope this helps.