jqueryアニメーションの問題

Question

http://rssreaderbg.net/pubsubbub/example/cssexam/index.php アイコン（惑星、雲など）の1つをクリックします。アニメーションの後、アイコンをもう一度ダブルクリックして全体を繰り返しますアニメーションはバグです。どうすれば修正できますか？ ビデオ： http://www.screencast-o-matic.com/watch/cXnf2OlP2

問題は、ダブルクリックで元のアイコンの位置を復元する方法がわかりません。

編集：

今、私はアイコンをダブルクリックでイベントがトリガされ、いくつかの遅延を持つ別のproblem.This時間を持っています。 ここから見ることができますhttp://www.screencast-o-matic.com/watch/cXnhXElRz どうすればその遅延を削除できますか？

Answer 1

と遅延が行ってきました：

Answer 2

元の位置を伝えるために、いくつかの種類のHTML属性で.iconssをマークします。

最初のクリックでクリックされたアイコンを除くすべてが消え、クリックされたアイコンが「選択された」位置にアニメーションされます。あなたは基本的にそれを持っているように見えます。

次に、すべてのアイコンをダブルクリックし、すべてのアイコンをattrでマークされた元の位置にリセットします。私は$("#"+icon).stop(true);を入れてダブルクリックで新しいアニメーションの前に

var icon = ''; 

$(".iconsss").click(function() { 

    if(icon != $(this).attr("id")) 
    { 
     icon = $(this).attr("id"); 
     // do everything else; 
    } 
}); 

Answer 3

はこれを試してみてください。