Jquery to show / hide drop down menus

I would like to develop a menu bar with jQuery. The menu bar needs to function like the one in
http://www.shoplet.com/

On mouse over the drop down needs to drop down and be hidden on mouse out. How can I achieve this using jQuery?
 
The menu itself is written in html /  css using divs. Please suggest. Thanks
TrialUserAsked:
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

x
 
FinecConnect With a Mentor Commented:
Or if you don't need animations, you can use CSS:

/* Default state */
ul.menu li div.submenu
{
  display: none;
}

/* Hover state */
ul.menu li:hover div.submenu
{
  display: block;
}

Open in new window

0
All Courses

From novice to tech pro — start learning today.