jQueryUI transfer effect: several simultaneous transfers

Question

Consider this fiddle.

function transfer() {
    source.effect('transfer', { to: target }, 2000);
}
setInterval(transfer, 500);

As you can see the transfers run in series.
How do you make them run simultaneously?

Answer 1

jQuery animations queue by default. If you look at the documentation for .animate(), you'll see that there's a queue option to disable this behavior. You can use this with jQuery UI's .effect() method as well. Check this fiddle for an example.

I've filed an issue to document this in the .effect() documentation.