How can I use delay() with show() and hide() in Jquery

javascript jquery hide delay show
faressoft picture faressoft · Dec 22, 2010 · Viewed 116.6k times · Source

How can I use delay() with show() and hide() in Jquery ?

Answer

Felix Kling picture Felix Kling · Dec 22, 2010

Pass a duration to show() and hide():

When a duration is provided, .show() becomes an animation method.

E.g. element.delay(1000).show(0)

DEMO

Related questions

JavaScript - Hide a Div at startup (load)

I have a div in my php page that uses jQuery to hide it once the page has loaded. But is there a way to hide it from the very start of loadup? The reason I ask is because for …

Read More
Simple fade in fade out div with jquery on click

THIS CODE UNDER HERE WORKS, you can read the answers under here - i edit this for future reference. HTML: <div><a href="#" id="btn">Show bank div and hide fancy div</a></…

Read More
Jquery: Hide all children, then show a specific element

I want to hide all child elements in a div. And then show a specific one passed on to the function. function subDisplay(name) { $("#navSub").each(function() { $(this).hide(); }); $(name).show(); } then i call the function from an onmouse event …

Read More