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

add animate effect to addClass/removeClass with jquery

本文关键字：addClass removeClass 添加 jquery 动画 使用      更新时间：2023-09-26

我正在使用jquery和jquery-ui，并希望对"div"标签上的属性进行动画处理。我想将高度从数值更改为"自动"，但此效果不起作用。当我使用高度数值时，它可以正常工作，但使用 Auto 不起作用！

到目前为止，我已经尝试过：查看演示：jsfiddle

这种方式不使用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 动画到自动高度

基本上，我看到的是它正在工作。 删除效果。 要进行动画处理，您需要将动画设置为数值。

相关文章：