添加高度时如何编写jQuery动画

Question

CSS   
.bxspace{height: 258px;}    

jQuery
$('.bxspace').height( $('.bxspace').height() + 15 );

这是我的代码，具有获取 bxspace 高度并在单击时添加 15px 的功能。但是我想在添加 15px 时应用 animate() 来平滑地移动它。在 qjQuery 以下尝试但没有用。

var height = $('.bxspace').height( $('.bxspace').height() + 15 ); 
$('.bxspace').animate({height: height+'px'});

我是 jQuery 的新手，我不确定如何组合这两种代码。希望你们中的一些人能给我一些建议。谢谢！

Answer 1

您可以在 animate() 中对接受数值的属性使用增量语法

尝试：

$('.bxspace').animate({height: "+=15"});

How to write jQuery animate when adding height