Q:

как с помощью jQuery свернуть один блок div и сразуже развернуть другой

Подскажите пожалуйста как с помощью jQuery свернуть один блок div и сразуже развернуть другой потом наоборот. Это действие должно происходить по нажатию на ссылку
например
<div id="div1"> 
   <a href="#">скрыть div1 и показать div2</a> 
</div>

<div id="div2"> 
   <a href="#">скрыть div2 и показать div1</a> 
</div>

A:

$('#div1').on('click', function(){
  $('#div1').fadeOut(300, function(){
    $('#div2').fadeIn(300);
  });
});

$('#div2').on('click', function(){
  $('#div2').fadeOut(300, function(){
    $('#div1').fadeIn(300);
  });
});
#div2{
  display:none;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="div1"> 
   <a href="#">скрыть div1 и показать div2</a> 
</div>

<div id="div2"> 
   <a href="#">скрыть div2 и показать div1</a> 
</div>

