var dispathPatientTableheight = $("#tablepatientcontainer").height();
document.getElementById("zhankaiorzhebie").style.display = (dispathPatientTableheight > 136?'':none);
$("#zhankaiorzhebie").click(function(){
$("#zhankaiID")
var Name = $("#zhankaiID").attr('name');
console.log(Name);
$("#zhankaiID").toggleClass('transform-deg')
if(Name=='zhankaiName'){
$("#zhankaiID").attr('name','zhedieNmae');
$(".assign-doctor-table")[0].style.maxHeight = 292 +'px';
}else{
$("#zhankaiID").attr('name','zhankaiName');
$(".assign-doctor-table")[0].style.maxHeight = 138 +'px';
}
});
<div >
<div class="FlexRow dispatch-result assign-doctor-table">
<div class="dispatch-table Fill ScrollX ScrollY">
<div class="table-container" style="width:100%" id="tablepatientcontainer">
<table id="tablepatient" class="table table-striped" data-reorderable-columns="true"
data-resizable="true" data-show-columns="flase"></table>
</div>
</div>
</div>
<div class="dispath-table-bottom-button" style="display:none;" id="zhankaiorzhebie">
<span class="icon-dapeng_main_cloud_pa53" id="zhankaiID" name="zhankaiName">
</span>
</div>
</div>
#ChooseDoctorDetail .modal-dialog .modal-content .modal-body .assign-doctor-table {
max-height: 138px;
margin: 7px 0px 0px 0px;
}