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

时间:2018-04-29 13:42:43

标签: jquery jquery-animate height

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的新手,我不确定如何结合这两个代码。希望你们中的一些人可以给我一些建议。谢谢!

1 个答案:

答案 0 :(得分:1)

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

尝试:

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