[jQuery] Multiple Simultaneous Animations slow down Firefox

[jQuery] Multiple Simultaneous Animations slow down Firefox


I replied to a thread previously and brought up this issue, but I think it
merits its own thread. I can't find anyone else commenting on this issue in
the forums or elsewhere.
Here is my scenario:
4 absolutely positioned div tags that animate simultaneously to a new fixed
position on page load.
In Firefox, using jQuery's animate() functionality, they are very choppy. In
IE, they are as smooth as butter.
Here is how I am doing this:
$(document).ready(function(){
    $("div#wrapper div.animated").animate({left:0,top:0},1000);        
});
This is as specific as I can be for referencing the 4 divs. I've tried the
slideUp() functionality with identical results - IE is smooth, Firefox is
terribly choppy.
One div animating is smooth, 2 is still smooth, 3 starts to hiccup a little,
and by the fourth it is nearly worthless. I've tried accessing the div's
individually by ID rather than the class (as above), and the result is the
same.
To put salt in the wound, I was attemting to move away from Prototype.js -
which I had working perfectly in all major browsers.
My guess is that the jQuery objects are somehow bulkier than straight DOM
elements and this animate() functionality simply costs too much for FF.
I wonder if anyone else has dealt with this and if there were any positive
results.
Thanks in advance.
John Daharsh
http://www.daharsh.net
--
View this message in context: http://www.nabble.com/Multiple-Simultaneous-Animations-slow-down-Firefox-tf2307354.html#a6414253
Sent from the JQuery mailing list archive at Nabble.com.
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/