javascript - opacity animate 関数で div を隠す

Question

不透明度アニメーション機能で div を非表示にしようとしています。基本的に、クリックするとdivが非表示になるようにします。でもフェードアウトさせたい。以下は私が持っているコードです。誰でも助けることができますか？

$("#div1").click(function() {
  $(this).animate({ opacity: "0" }, 1000);
  $("div").hide();
});

また、アニメーション不透明度の代わりにfadeOut関数を使用する方が良いですか?

score 1 · Accepted Answer

fadeOut()完了時に自動的に非表示になるため、そのコードを保存でき、要素を非表示にする前にアニメーションが完了するのを自動的に待機するため、より単純です (現在のコードでは実行されていないこと)。

$("#div1").click(function() {
  $(this).fadeOut(1000);
});

score 1 · Accepted Answer

$("#div1").click(function() {
    $(this).animate({ opacity: "0" }, 1000, function(){
        $(this).hide();
    });

});

も使えます.fadeout(1000)。同じ動作を取得します。

score 0 · Accepted Answer

これには .fadeOut() API を使用できます。

$("#div1").click(function() {

   $(this).fadOut(1000);

});

3 に答える 3