Improve company productivity with a Business Account.Sign Up

  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 393
  • Last Modified:

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
2 Solutions
Or if you don't need animations, you can use CSS:

/* Default state */ li div.submenu
  display: none;

/* Hover state */ li:hover div.submenu
  display: block;

Open in new window

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now