JSFiddle - React, Tailwind, and code Playground

HTML

<div id="button1"></div>
<div id="button2"></div>
<div id="button3"></div>
<hr>
<div class="info1">block 1</div>
<div class="info2">block 2</div>
<div class="info3">block 3</div>

JavaScript

$("#button1").click(function(){
    $("div.info3").hide(800, function(){
        $("div.info1").show(800);    
    });        
});

$("#button2").click(function(){
    $("div.info1").hide(800, function(){
        $("div.info2").show(800);    
    });        
});

$("#button3").click(function(){
    $("div.info2").hide(800, function(){
        $("div.info3").show(800);    
    });        
});