javascript - 使用不透明度动画功能隐藏 div

Question

我正在尝试隐藏具有不透明度动画功能的 div。基本上，我希望点击时隐藏 div。但我想让它淡出。下面是我的代码。有人可以帮忙吗？

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

另外，使用 fadeOut 函数而不是动画不透明度更好吗？

Answer 1

fadeOut() 更简单，因为它会在完成后自动为您隐藏它，这样您就可以保存该代码，并且它会在隐藏元素之前自动等待动画完成(您的一些东西)当前代码没有执行)。

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