[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

Jquery to show / hide drop down menus

Posted on 2011-03-14
2
Medium Priority
?
386 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 1000 total points
ID: 35132488
0
 
LVL 4

Assisted Solution

by:Finec
Finec earned 1000 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

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
A while back, I ran into a situation where I was trying to use the calculated columns feature in SharePoint 2013 to do some simple math using values in two lists. Between certain data types not being accessible, and also with trying to make a one to…
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…
Suggested Courses
Course of the Month19 days, 3 hours left to enroll

834 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