animate() & fadeTo() both synchronous

Question

I have a problem with the following two methods. $(this).fadeTo(200, .8).animate({bottom: 130}, 200); Both are synchronous, therefore first it fades to, then it animates.

Is it possible to use fadeTo with animate?

(CSS option 'opacity' is not cross-browser compatible and therefore not an option)

In fact opacity is crossbrowser, how do you think jQuery does it ? You just need to fiddle with IE's filter properties. — Clement Herreman, Sep 29 '11 at 12:36

score 2 · Accepted Answer · edited May 23 '17 at 12:27

2

$(this).animate({
  bottom: 130,
  opacity: 0.8
}, 200);

jQuery will set things up to make opacity working on IE. See Animate opacity doesn't work properly on IE

edited May 23 '17 at 12:27

Community

1
1

answered Sep 29 '11 at 12:36

Clement Herreman

10,274
4
35
57

animate() & fadeTo() both synchronous

1 Answers1