jquery 控制 div 显示文字

    function disallinfo(){
        if($("#flag").val()==0){
            var bh = $("#smallcontent").height();            
            $("#smallinfo").attr({'style':'height:'+bh+'px'});
            $("#flag").val('1');
        }else{
            $("#smallinfo").attr({'style':'height:55px ; overflow:hidden'});
            $("#flag").val('0');
        }
    }   

<div style="height:55px; overflow:hidden"  id='smallinfo' >
    <!-- 用来控制显示大的文字块还是小文字块 -->
    <input type='hidden' id='flag' value='0' />
 
    <!-- 项目的内容 -->
    <div class="lbnr" id='smallcontent' ><?=$row['carddesc'] ?></div>

    <!-- 用来控制的按钮  -->
    <div class="zk"><a href="javascript:disallinfo();"><img src="images/zk.gif" /></a></div>
</div>

网上控制div显示的，都是全部隐藏或全部打开，要么就是一个大框架，只是要一个简单的，显示一半文字的功能，找不到只好自己写了。

现在是最简单的方式了。开始还用了2个div来轮流显示，后来想想不需要，只要获得div的高度，修改style就行，css不要占用id，

最好还是用class的方式设置样式，免得和javascript冲突。