jQuery change CSS after a certain amount of time

Question

I have a navigation that, when one of it's nav items is clicked, will use jQuery to change it's z-index to 0. Then, after 2 seconds, I would like the z-index to be changed to 2.

I tried using delay() but apparently that doesn't work when changing the CSS.

Do you just want the element to disappear and then after 2 seconds, reappear? There's better ways to make things disappear and reappear. like jQuery.show()/.hide() — shoebox639
– shoebox639, Commented Dec 10, 2010 at 17:50
Nope, I just wanted to change the z-index because it causes the links to be unclickable, but still visible, for 2 seconds — Robert Pessagno
– Robert Pessagno, Commented Dec 10, 2010 at 18:25

Michael Gillette · Accepted Answer · 2010-12-10 17:38:36Z

13

Use a setTimeout like this

$(elem).css('z-index','0');
setTimeout(function(){ $(elem).css('z-index','2'); },2000)

answered Dec 10, 2010 at 17:38

Michael Gillette

3102 silver badges4 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

wajiw · Accepted Answer · 2010-12-10 17:38:38Z

2

In javascript you can use either setTimeout or setInterval to accomplish that

setTimeout("javascript statement",milliseconds);

http://www.w3schools.com/js/js_timing.asp

answered Dec 10, 2010 at 17:38

wajiw

12.3k17 gold badges56 silver badges73 bronze badges

Collectives™ on Stack Overflow

jQuery change CSS after a certain amount of time

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related