添加動畫效果到jquery的addClass / removeClass

Question

我正在使用jquery和jquery-ui，並且希望對“ div”標簽上的屬性進行動畫處理。我想將高度從數字值更改為“ auto ”，但是這種效果不起作用。 當我使用數字值表示高度時，它可以正常工作，但不能使用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動畫到自動高度