jquery - 如何在 jquery .css 函数上添加缓动效果？

Question

使用 .CSS 函数时，如何将 Jquery 缓动效果添加到 jquery 脚本中？例如，在另一行中，我使它工作，但我不能使它与 .CSS 一起工作，我正在使用jquery easing 库

$("#map").animate({height:300},1000, 'easeOutBounce');

我如何在这个 .css 脚本上实现它？

$('#comment-box').css('display','block');

score 2 · Accepted Answer

您可以在元素不透明度而不是显示属性上使用它。

$("#map").css({opacity:0});
$("#map").animate({opacity:1}, 1000, 'easeOutBounce');

虽然我怀疑你会看到很多反弹效果。

显示是一种“开”/“关”类型的属性，不可能有数值分级。您可以像我建议的那样使用不透明度来获得效果，并在动画完成后使用回调设置显示属性。

score 2 · Accepted Answer

.css是不可动画的，这就是.animate目的。也就是说，我不认为display它是可动画的，因为它只是在不同的显示模式之间切换。你可以使用.show()and.hide()代替。

编辑： 啊，看来你想要.slideDown()。

试试这个：

$('div#comment').slideDown(1000, 'easeOutBounce');

也可以使用.slideUp()或.slideToggle()。

2 回答 2