javascript - すでにアニメーション化されている要素をアニメーション化する

Question

画面の下部からバブルが上昇すると同時に、不透明度0から不透明度100になるjQueryアニメーションがあります。

クリックするとバブルが消える別の関数を作りたいです。

これは問題を引き起こしますか？2 番目の関数内で最初の関数を参照し、停止するように命令する必要がありますか? もしそうなら、発生しているアニメーション機能を停止するコードサンプルを投稿できますか.

Answer 1

ちょっとした疑似コード:

$("#bubble").animate({
    top: 0,
    opacity: 1
}, 2000);

$("#bubble").on('click', function() {
     $(this).stop(true, true).hide();
});

アニメーション化された要素を停止するにはstop()を使用し、非表示にするにはhide()を使用できます。

Answer 2

$("elements").stop();
$("elements").animate( ... );