div显示未展示内容，有条件的隐藏内筒

$(document).ready(function(){

showAllOrgsOfAgent();

});

function showAllOrgsOfAgent(){

var obj = document.getElementById("dlrt");
var btn = $("#btn");
var btnSq = $("#btnSq");
var total_height = obj.scrollHeight;
var show_height = 145;
if(total_height>show_height){
btn.css("display","block");
$("#btn").click(function(){
    $(".dlrzbox").height(600);
    btn.css("display","none");
    btnSq.css("display","block");
   });
$("#btnSq").click(function(){
    $(".dlrzbox").height(195);
    btn.css("display","block");
    btnSq.css("display","none");
   });
}

}

页面部分示意代码：

 <div id="dlrt" class="dlrt" ">
        <div id="btn" style="display:none"><p><a href="#">详细……</a><p></div>
        <div id="btnSq" style="display:none"><p><a href="#">收起……</a><p></div>
            <c:forEach items="${users}" varStatus="status" var="user">
<p>● ${user.name}</p>
</c:forEach>
        </div>