javascript - 如何在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/