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冲突。