私が書いているスライドショーに問題があります。問題は、スライドが変更されるたびに実行されるアニメーションがあることです。それは毎回うまく動作しますが、最初はアニメーションなしで変更されただけです。jQuery.animate（）が最初のアニメーションを正常に実行しません。
この問題を軽減するには、http://jsfiddle.net/pyriku/XYLCH/のようなものです。ブロックはゆっくり移動する必要がありますが、最初に各ブロックが移動すると、inmidietlyします。
何が起こっているのか考えている人はいますか？ありがとう！
CSSセレクタによって設定されたtopプロパティを持つ最初に選択された正方形と関係があります。このフィドルを見てください：http://jsfiddle.net/XYLCH/2/
CSSの.selectedセレクタを削除し、最初のdivに属性としてstyle="top: 50px;"を追加しました。 CSSの.squaresセレクタにtop: 10pxを追加して、四角形が最初から跳ね上がるのを防ぎました。
問題は、移動しようとしている正方形に.selectedクラスを追加していて、プロパティを50pxに設定していることです。次に、それをtop: 50pxにアニメーション表示しようとしましたが、.selectedクラスを追加したためにすでに存在しています。
ありがとうございます！それは解決策であり、実際の問題でうまくいった。 – pyriku