javascript - 动画到高度 :auto with newer jQuery

Question

我有一双 <div>元素设置为当一个 <div>被点击，另一个动画到其内容的适当高度。

脚本通过暂时将高度切换为自动、测量高度，然后切换回样式表高度(为零)来实现这一点。

它工作正常，但只适用于相当老旧的 jQuery 1.4.4。每次我尝试放入需要较新版本的内容时，动画都会停止工作，要么根本没有动画，要么两个元素都消失了。

我在下面做了一个 JSFiddle。这个版本的 jQuery 甚至没有在库中列出，所以我不得不从外部链接它(在左侧的外部资源下)。如果您删除它并将库设置为最低可用，您就会明白我的意思。

https://jsfiddle.net/27sr4kzv/1/

代码如下:

<script type="text/javascript">//<![CDATA[ 
    $(function(){
        var el = $('#ev-donate-form'),
            curHeight = el.height(),
            autoHeight = el.css('height', 'auto').height();
            el.height(curHeight);
        $("#ev-sponsors").toggle(function(){
            el.height(curHeight).animate({height: autoHeight}, 400);
        },function(){
            el.height(autoHeight).animate({height: curHeight}, 400);
        });
    });
//]]>
</script>

有什么方法可以更新它以避免冲突？

Answer 1

试试这个:https://jsfiddle.net/27sr4kzv/16/

$(function(){
  var el = $('#omgivebeenclicked'),
      curHeight = el.height(),
      autoHeight = el.css('height', 'auto').height();
        el.height(curHeight);


$( "#clickme" ).click(function() {     
    if(el.height() == 0)
        el.height(curHeight).animate({height: autoHeight}, 400);
    else
      el.height(autoHeight).animate({height: curHeight}, 400);    
});
});