Don't queue fadeTo(), fadeIn()/fadeOut()

Question

I have the following animations:

$('#id').animate({'margin-top': 100, 'margin-left': 100}, {queue: false, duration: 1000});
$('#id2').fadeTo(1000, 1);

this seems to be queuing, how can i make sure that fadeTo() doesn't queue?

It is not queueing for me: http://jsfiddle.net/fkling/Z8Rs3/ Both animations are started at the same time. Or do you mean that *repeated* calling of these animations queue? — Felix Kling, Jul 10 '11 at 11:59

score 8 · Accepted Answer · answered Jul 10 '11 at 11:56

8

Try:

$('#id2').stop().fadeTo(1000, 1);

answered Jul 10 '11 at 11:56

Liam Bailey

this also seemed to do the trick, but used my original method as that seemed to work – Hosh Sadiq Jul 10 '11 at 13:12

score -2 · Answer 2 · answered Jul 10 '11 at 11:59

-2

Move the opacity change into the animation.

$('#id').css({opacity:0}).show().animate({marginTop: 100, marginLeft: 100, opacity:1}, 1000);

answered Jul 10 '11 at 11:59

sod

Except for the fact that the opacity change is on #id2, a different element. – Liam Bailey Jul 10 '11 at 12:16
Yeah I thought it was an literal error with the id's as jQuery does not queue anything cross nodes itself. – sod Jul 10 '11 at 14:02

2 Answers2