JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div1">
    1
</div>

<div id="div2">
2
</div>
<div id="div1">
    3
</div>

<div id="div2">
4
</div>

<input type="button" value="Move Content" />

JavaScript

$('input').click(function(){
    $('#div1').slideUp('slow', function(){
     var div1Content = $(this).html();
     $(this).html('');    
     $('#div2').hide().html(div1Content).slideDown('slow');
    })
    $('#div2').slideUp('slow', function(){
     var div1Content = $(this).html();
     $(this).html('');    
     $('#div2').hide().html(div1Content).slideDown('slow');
    })
});