Автоматическое увеличение высоты DIV

$(document).ready(function(){ 
    $('.wrap').on('click', '.tabs_chat li:not(.current)', function() { 
      $(this).addClass('current').siblings().removeClass('current') 
      .parents('div.chat').find('div.box_chat').hide() 
      .eq($(this).index()).fadeIn(150); 
   }); 
}); 
 
function RefreshChat(data) { 
  $('#chat1').html(data['chat1']); 
  $('#chat2').html(data['chat2']); 
   
  var chat1 = $("#chat1").parent(), 
      chat2 = $("#chat2").parent(); 
  chat1.scrollTop(chat1.prop('scrollHeight')); 
  chat2.scrollTop(chat2.prop('scrollHeight')); 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> 
 
<div class="wrap"> 
		<div class="chat"> 
		  <ul class="tabs_chat"> 
			<li class="current">Чат1</li> 
			<li>Чат2</li> 
		  </ul> 
        <div class="wrap-box-chat"> 
          <div class="box_chat visible"> 
            <ul id="chat1"></ul> 
          </div> 
          <div class="box_chat"> 
            <ul id="chat2"></ul> 
          </div> 
        </div> 
     </div> 
 </div>