添加高度时如何编写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"});