Свернуть окно с помощью JQ вниз

$(function() { 
  var chat = $('#chat'); 
  $('#openchat').click(function() { 
    if(chat.css('display') == 'none'){ 
      chat.animate({width: 'show', height: 'show'}); 
    }else{ 
      chat.animate({width: 'hide', height: 'hide'}); 
    }; 
  }); 
});

iframe#chat { 
  position: fixed; 
  right: 0; 
  bottom: 0; 
  width: 200px; 
  height: 240px; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="openchat">Открыть чат</button> 
<iframe id="chat" style="display:none;"></iframe>