Solved

Jquery to show / hide drop down menus

Posted on 2011-03-14
2
368 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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

Transaction Monitoring Vs. Real User Monitoring

Synthetic Transaction Monitoring Vs. Real User Monitoring: When To Use Each Approach? In this article, we will discuss two major monitoring approaches: Synthetic Transaction and Real User Monitoring.

Question has a verified solution.

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

It was really hard time for me to get the understanding of Delegates in C#. I went through many websites and articles but I found them very clumsy. After going through those sites, I noted down the points in a easy way so here I am sharing that unde…
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
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…

688 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