I am resizing several divs in a loop with animate() in jQuery. At the

Question

0

Asked: May 15, 20262026-05-15T08:15:37+00:00 2026-05-15T08:15:37+00:00

I am resizing several divs in a loop with animate() in jQuery. At the

0

I am resizing several divs in a loop with animate() in jQuery. At the same time I am moving (left property, no resizing at all) the div where they are contained.

Problem is, despite they have same duration the resize animate calls finish before the move call. They are out of sync. Is there any way of creating a list of selectors and its properties and then run a unique animate() call?

Or, is there any alternative to make multiple animations happen at the same time?

I’ve seen there’s a property called step that happens every time animate loop happens but, again, each animate() call has it’s own step call.

Thanks in advance 🙂

Here’s a kind of pseudocode example as required:

for(...){
    $(target_x).stop().animate({property_a:random_value, property_b:random_value}, {duration:300});
    }
$(container).stop().animate({property_z:random_value}, {duration:300});