javascript - jQuery css 动画可见性

Question

我几乎没有将 div 彼此放在一起，我正在使用 css 可见性使它们淡入淡出。我使用可见性的原因是 div 不会移动位置。

对于淡入，我正在使用:

$('.drop1').css({opacity: 0.0, visibility: "visible"}).animate({opacity: 1.0});

对于淡出，我正在使用:

$('.drop1').css({opacity: 0.0, visibility: "hidden"}).animate({opacity: 1.0})}, 200);

淡入有效，但淡出无效。

现在，您可能认为问题出在最后一个 ',200' 但我需要将其用作延迟，因为 fadeout/visibility:hidden 在 200 毫秒后出现在 mouseleave 事件上。

所以我的问题是:如何使用动画隐藏可见性以充当淡出效果。

非常感谢

Answer 1

$('.drop1').css({opacity: 1.0, visibility: "visible"}).animate({opacity: 0}, 200);