使用jquery为addClass / removeClass添加动画效果

Question

我正在使用jquery和jquery-ui并希望在“div”标签上设置动画属性。我想将高度从数值更改为“ auto ”但这个效果不起作用。当我使用高度的数值时，它正常工作，但它使用自动无效！

到目前为止我已经尝试过了： 请参阅演示：jsfiddle

Answer 1

基本上，我看到的是它正在发挥作用。删除效果。要动画，您需要设置动画数值。

Answer 2

这种方式不使用addClass / removeClass，但它的工作方式完全相同。它使用animate，因为您已经在使用JQuery UI，所以您可以按原样使用它。

JSFiddle

$("#effect1").click(function() {
    var el = $(this),
    curHeight = el.height(),
    autoHeight = el.css('height', 'auto').height();
    el.height(curHeight).animate({height: autoHeight}, 'fast');
});

答案基于：JavaScript jQuery Animate to Auto Height