如何在JQuery动画中设置'auto'高度

Question

问题:我有一个固定宽度但未知(自动)高度的盒子(div).

我需要使用JQuery动画功能打开/关闭该框.

问题是(在代码中也注释)在Open事件中,我需要设置自动高度,这是我无法做到的.有人可以帮助设置高度自动？

JSFiddle:http://jsfiddle.net/7m5Qa/ 代码如下:

HTML

<button id="open">open</button>
<button id="close">close</button>
<div id="textselector-body">
    a<br/>
    b<br/>
    c<br/>
</div>?

Java脚本

$(document).ready(function(){
    $("#open").click(function(){
        $("#textselector-body").animate({
            height:'100px' //here is problem. I need it 'auto'.
        },2000);
    });
    $("#close").click(function(){
        $("#textselector-body").animate({
            height:'0'
        },2000);
    });
});?

Answer 1

你尝试过slideDown和slideUp吗？:

$(document).ready(function(){
    $("#open").click(function(){
        $("#textselector-body").slideDown(2000);
    });
    $("#close").click(function(){
        $("#textselector-body").slideUp(2000);
    });
});?

jsFiddle:http://jsfiddle.net/7m5Qa/2/