JSFiddle - React, Tailwind, and code Playground

HTML

<button id="con1">Content1</button>
<button id="con2">Content2</button>

<div id="cont1">
    Content1
</div>
<div id="cont2">
    Content2
</div>

CSS

#cont2 { display: none; }

JavaScript

$(document).ready(function(){
    $('#con1').click(function(){
        $('#cont2').fadeOut(function() {
            $('#cont1').fadeIn();        
        });        
    });
    $('#con2').click(function(){
        $('#cont1').fadeOut(function() {
            $('#cont2').fadeIn();        
        });        
    });
});