Timer on dropdown

Posted on 2012-04-04
Last Modified: 2012-04-04

Please have a look at my script:

How does I set a timer, so the dropdown is shown after 1 second when mouseover "dwopdown" text?
Question by:bongii
  • 2
  • 2
LVL 25

Expert Comment

by:Luis Pérez
ID: 37806067
I think you can't do this based only on CSS, if you want your 1 second delay you must do it with javascript.

To set a delay is easy with the setTimeout function,

window.setTimeout("myFunction(myparams)", 1000) //1 second delay

But then you must not use exclusively css (set display:block on hover).

Hope that helps.

Author Comment

ID: 37807738
Hi Roland.
I know the timeout function, but I don´t see how to integrate a jquery in the script.

I know it´s not possible only with css, that´s why I posted the question in the Javascript category :)

Accepted Solution

Atique Ansari earned 500 total points
ID: 37809597
I have changed your CSS a little and added the jquery code. Now it shows the drop down after one second.

Please go to below URL for the same.

Let me know if you need more help.


Author Comment

ID: 37809681
Thank you very much :)

Expert Comment

by:Atique Ansari
ID: 37809698

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

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

Suggested Solutions

What is a Lightbox? A Lightbox is the effect you see when you click, for example, an image and the screen fades out and up pops the same image but in its full size dimensions. There are lots of Lightbox effects for jQuery. Problem is they are a…
PROBLEM: The other day I was working on adding an ajax request to a webpage that already had a dialog box on the page.  The dialog box was using relative positioning to be positioned next to a form field I had on the page.  Everything was working…
The viewer will learn how to dynamically set the form action using jQuery.
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)

815 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

Need Help in Real-Time?

Connect with top rated Experts

9 Experts available now in Live!

Get 1:1 Help Now