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

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
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

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

All Courses

From novice to tech pro — start learning today.