How can I get jquery to execute animations in exact parallel?

Question

I\'m trying to create an accordion widget in jquery similar to jquery\'s accordion plugin, with the difference that I want the handles to appear below their respective conte

Answer 1

I think your problem isn't timing but fractional division of a pixel. If you try this code it looks smooth for handle 1 and 2 but not others in Firefox 3 but still looks jumpy in chrome.

 active
    .animate({ height: "100px" })
    .siblings(".section")
    .animate({ height: "0px" });

Have you thought about making the position of the elements static or absolute? If your only moving the position of two elements you don't have to worry about the other ones jumping. Give me a second and I'll try to make an example.