jQueryでタロットカードのシャッフルの動きがうまくできない

Question

前提・実現したいこと

jQueryアニメーションでタロットカードのシャッフルを演出したいです。
http://flow-t.net/epc/shuffle/shuffle.html

発生している問題・エラーメッセージ

最後、各カードが所定の位置に移動する部分が、本来は一斉に所定の配置に動かせたいのですが、1枚ずつしか動かなかったり、同時に複数枚動いたり、不規則な動きです。

for文で20個の要素にanimateを実行しており、for文自体は一瞬で20個回っているのですが、実際のアニメーションの処理が追いついていない感じです。

試したこと

同時に20の処理を実行させるのが重いのかとも想いましたが、これ意外の動きは20個同時に実行できているので、それは原因ではないと推測しました。

この動きの前にループで実行し続けているアニメーションをstop()とclearIntervalで強引に止めており、ときどき20のうちいくつか止めきれないケースがあることから、この命令に問題があり、きちんと前の処理が終わっていないために最後の動きに影響が出ているのではと現時点では推測しています。

お気づきの点があればご教示いただけないでしょうか。

補足情報（FW/ツールのバージョンなど）

ブラウザ：IE11
jQuery：1.8

Answer 1

あんまり読まずに回答しちゃいますが

jQueryのanimateは基本キューされて順番に実行されるような感じになってるんで
queueパラメータをfalseに指定してキューせずに即時実行にしとかないとどんどん溜まってきます

stopもキューにならんでる次のアニメーションの処理に移るだけでキューはクリアされません