0

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

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

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

4

3 回答 3

1

fadeOut()更简单，因为它会在完成后自动为您隐藏它，因此您可以保存该代码，并且它会在隐藏元素之前自动等待动画完成（您当前的代码没有这样做）。

$("#div1").click(function() {
  $(this).fadeOut(1000);
});
于 2013-11-11T17:08:27.357 回答
1

试试这个 JSFIDDLE

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

});

你也可以使用.fadeout(1000). 获得相同的行为。

于 2013-11-11T17:08:31.980 回答
0

您可以为此使用 .fadeOut() API，

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

   $(this).fadOut(1000);

});
于 2013-11-11T17:09:32.923 回答