Sliding Dropdown Menu

This lightweight drop down menu script allows you to easily add smooth transitioning dropdowns to your website. This can be used for navigation, dropdown lists, info panels, etc.

Sliding Dropdown Menu image

You can have as many dropdowns on one page as you like. The look and feel is fully customizable though the CSS and you can replace the unordered list with any content you like if you are not looking for a menu.

The script has been tested working in IE6, IE7, IE8, Firefox, Opera and Safari. The markup for the menu including the mouse events looks like the following.

Download Sliding Dropdown Menu

Demo | Home page | Documentation

Related categories:

Comments? Need help with a component? Use our forums for further discussions.

Posted on the 29th of April at 12:10 pm

Component Categories

Recent Javascript

Javascript Categories

From the blog RSS

Form validation with jQuery from scratch: 3rd of July at 3:26 pm
Full Screen Image Gallery Using jQuery and Flickr: 25th of February at 8:49 pm
Stylegala Reborn: 30th of January at 7:30 pm
Hello?: 24th of September at 8:00 pm
Design Inspiration: European Graphic Design from 1950-1970: 30th of May at 5:08 pm
Parsing Strings With jQuery: 28th of May at 12:21 pm
Modalpreview - Preview Your Comment in a Modal Window: 19th of May at 8:32 pm
Milestone 01 - 70+ High-End Components for Web Designers and Developers: 13th of May at 9:52 pm
Tripoli Beta: 8th of May at 7:08 pm
The Visual Active State: Popular Techniques and Examples: 2nd of May at 7:34 pm

DevKick News RSS

Image Spark: 18th of February at 8:14 am
Pattern Tap : Collections: 13th of February at 12:03 am
Bombia Design | Portfolio: 9th of February at 7:43 pm
Designers Toolbox: Web Safe Area: 8th of February at 5:03 pm
I would like to be a Pony: 3rd of February at 8:31 am
Josef M�ller-Brockmann: 3rd of February at 8:06 am
Thinking for a Living?: 26th of January at 4:05 pm
Warrick - Recover Your Lost Website: 26th of January at 3:17 pm
Alexandros Vasmoulakis: 20th of January at 10:33 am
SEOmoz | How to Convince a Client They Don't Need a Splash Page: 16th of January at 7:27 am

From the lab