如何在jQuery动画中设置“自动"高度 [英] How to set 'auto' height in JQuery animate

问题描述

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

Problem: I've a box(div) with fixed width but unknown (auto) height.

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

I need to open/close that box using JQuery animate function.

Open事件中存在问题(在代码中也有注释)，我需要设置自动高度，但我无法做到.有人可以帮忙将高度设置为自动吗?

Problem is (commented in code too) on Open event, I need to set auto height, which I'm not able to do. Can someone please help set height to auto?

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

JSFiddle: http://jsfiddle.net/7m5Qa/ Code also given below:

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);
    });
});​

推荐答案

您是否尝试过slideDown和slideUp? :

Have you tried slideDown and slideUp ? :

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

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

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

这篇关于如何在jQuery动画中设置“自动"高度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！