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

Question

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

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

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

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

Answer 1

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

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

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

显示属性是'on'/'off'类型，不可能有渐变值。您可以通过使用不透明度来获得效果，就像我建议动画一样，并在动画完成后使用回调设置显示属性。

Answer 2

.css不可动画，这就是.animate的用途。也就是说，我不认为display是可动画的，因为它只是在不同的显示模式之间切换。您可以改用.show()和.hide()。

修改 啊，好像你想要.slideDown()。

试试这个：

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

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