jQuery Simple Drop-Down Menu Plugin

The peculiarity of this dropdown menu is that these 20 lines of code and absence of various cumbersome mouse events within html code.

The HTML code of the menu represents like unordered list (ul-tag) and has no anything extra insertions. Just plain list of the items.
The small size script finds this list by ID and then, just hang on the mouse event handlers. Very neatly.

If you are looking for the Plain drop-down menu script without jQuery requirement, you can find it here: Simple DD Menu v2.0

Tutorial

As you can see, the link points to Google address. There is much probability that the jQuery already cached in the browser.

Now you can create main menu structure using HTML unordered list. Using of an unordered list for navigation is a very good practice.
First of all it is semantically correct, it is also handy for changing/editing especially in compound treelike cases.

So, the script. Bind event handlers with a first-level li-nodes. If mouse over the button - close old layer(if it visible) and open new. When mouse out from button - turn on the timer to 500 milliseconds to close all layers. That's all :)