Solved

Jquery to show / hide drop down menus

Posted on 2011-03-14
2
363 Views
Last Modified: 2012-05-11
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
0
Comment
Question by:TrialUser
2 Comments
 
LVL 27

Accepted Solution

by:
Lukasz Chmielewski earned 250 total points
ID: 35132488
0
 
LVL 4

Assisted Solution

by:Finec
Finec earned 250 total points
ID: 35133008
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

Featured Post

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Introduction HTML checkboxes provide the perfect way for a web developer to receive client input when the client's options might be none, one or many.  But the PHP code for processing the checkboxes can be confusing at first.  What if a checkbox is…
In Part 1 (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/A_7849-Hex-Maze.html) we covered the hexagonal maze basics -- how the cells are represented in a JavaScript array and how the maze is displayed.  In this part, we'…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

860 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question