1. ホーム
  2. ジャバスクリプト

[解決済み】2つのjQueryアニメーションを同時に実行する方法は?

2022-04-08 19:23:34

質問

2つのアニメーションを2つの要素で同時に実行することは可能ですか?私はこの質問の逆が必要です Jqueryでアニメーションをキューイング .

こんなことがしたいんだけど...。

$('#first').animate({ width: 200 }, 200);
$('#second').animate({ width: 600 }, 200);

が、この2つを同時に実行することはできません。唯一思いつくのは setTimeout を各アニメーションに1回ずつ適用していますが、最適な解決策とは思えません。

どのように解決するのですか?

はい、あります。

$(function () {
    $("#first").animate({
       width: '200px'
    }, { duration: 200, queue: false });

    $("#second").animate({
       width: '600px'
    }, { duration: 200, queue: false });
});