如何使用jquery-animate或Javascript删除css

Question

我正在尝试使用jQuery删除高度元素‘css’。我不想设为auto或0。完全删除，但需要做一个动画，如bellow示例。也许我可以使用addClass，但我不确定我将如何动画。

谢谢!

下面是代码。这可以很好地工作，除非启用了动画。

function ico_qa_sub_head(name,height) {

    var headName = name;

    if ($('#ico_qa_'+headName+'_id').css('height') < '1%') {
        $('#ico_qa_'+headName+'_id').css('height', '');

    }
}

这就是我想要做的。除了动画之外，所有的高度都被移除了。

$('#ico_qa_'+headName+'_id').delay(0).animate({"height",""}, 100);

Answer 1

height属性的默认值为auto，非空字符串。但是，您不能使用jQuery的animate()函数从一个设置值对其进行动画处理。我听说你可以使用velocity.js，考虑到内容，它足够智能，可以预先计算元素的auto高度值。

以下是原则，如果你想自己做的话：

删除克隆创建元素的克隆，并在动画完成时将原始元素的高度从当前值设置为克隆值：visibility:hidden;position:absolute;height:auto;

• animate

...

• 将原始元素的高度设置为删除