jQuery: How to chain css() with delay() [duplicate]

Question

How do I chain delay with css rules in jQuery?

$('.two').css('background','blue').delay(11800).css('background','red');

.two{
  height:100px;
  width:300px;
  background:blue;
}
.ok{
  display:none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="ok">hey</div>
<div class="two"></div>

JSFiddle of the example from the duplicated OP

Vucko
– Vucko

2016-04-05 21:37:52 +00:00
Commented Apr 5, 2016 at 21:37 — Vucko
– Vucko, Commented Apr 5, 2016 at 21:37
Just use setTimeout()? Check it

skobaljic
– skobaljic

2016-04-05 21:39:04 +00:00
Commented Apr 5, 2016 at 21:39 — skobaljic
– skobaljic, Commented Apr 5, 2016 at 21:39

Dmitry Remezov · Accepted Answer · 2016-04-05 21:38:01Z

-1

$.fn.delayCss=function(Time,Name,Value){
var This=this;
setTimeout(function(){
This.css(Name,Value);
},Time);
return this;
};
$('.two').delayCss(1000,'background','red');

answered Apr 5, 2016 at 21:38

Dmitry Remezov

11 bronze badge

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

1 Comment

Jacob G Over a year ago

You should add an explanation of how this works as well

Collectives™ on Stack Overflow

jQuery: How to chain css() with delay() [duplicate]

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related