jquery设置div的高度怎么能自动判断内容高度来自行伸长？

Question

页面里我先写了个死的div定死了高度是20px并写了overflow: hidden，因为不写这个定了20px没用，东西多了还是直接就撑破了，里边的内容就不一定了，用户自己输入的，点击按钮的时候伸长到内容的底部，再点按钮再收回来到20px，怎么实现啊jquery
我的HTML代码     <div id="dvtypelist" class="fei_lei" style="height:20px;overflow: hidden;">
                <ul>
                    <li>线路分类：</li>
                    <asp:Repeater ID="rptypelist" runat="server">
                    <ItemTemplate>
                     <li><a href="#"><%#Eval("t_name")%></a></li>
                    </ItemTemplate>
                    </asp:Repeater>
                </ul>
                <div class="r pt5">
                   <a id="adow" href="javascript:Tourtypelistdow()"><img src="http://img.henghengw.com/img/Consult_hh/arrow1.gif" /></a>
                   <a id="atop" href="javascript:Tourtypelisttop()" style="display:none"><img src="http://img.henghengw.com/img/Consult_hh/arrow2.gif" /></a>
                   </div>
                <div style="clear: both;">
                </div>
            </div>
我写的JQfunction Tourtypelistdow() {
    $("#dvtypelist").animate({ height: '100px' }, 1000);
    $("#adow").hide();
    $("#atop").show();  
}
function Tourtypelisttop() {
    $("#dvtypelist").animate({ height: '20px' }, 1000);
    $("#atop").hide();
    $("#adow").show();   
}那个高度怎么能是内容的高度额？？求帮忙

Answer 1

要取实际高度(同时加上边框等值),
只需要取element的offsetHight即可.

Answer 2

把下拉框那里写成auto,结果是不执行任何东西饿。。function Tourtypelistdow() {
    $("#dvtypelist").animate({ height: 'auto' }, 1000);
    $("#adow").hide();
    $("#atop").show();
   // $("#dvtypelist").toggle(function() { $("#dvtypelist").css({ height: "100px" }); }, function() { $("#dvtypelist").css({ height: "20px" }); })
}

Answer 3

怎么个取法呢？？？
$("#dvtypelist").element.offsetHight();?
这样么

Answer 4

IE 6下定义css height:20px, 大于20了会自动撑开。
IE 7\ 8\ FF 定义CSS min-height:20px;, 大于20了会自动撑开.##dvtypelist
{
    min-height:20px;
    *height:20px;
}

Answer 5

谢谢大家。。自己解决了。。直接获取里边的那个UL的高就行，不用再计算DIV了呵呵~~谢谢大家支持。

Answer 6

贴上代码，怕哪天自己忘了。。 $("#dvtypelist").animate({ height: $("#dvtypelist ul").height() }, 1000);