JSFiddle - React, Tailwind, and code Playground

HTML

<div id="info1">Info 1</div>

<div id="info2">Info 2</div>
 
<div id="info3">Info 3</div>

CSS

#info1 {
    height: 40px;
    width: 125px;
    border-style: solid;
    border-color: red;
    border-width: 5px;
    background-color: red;
}

#info2 {
    height: 40px;
    width: 125px;
    border-style: solid;
    border-color: yellow;
    border-width: 5px;
    background-color: yellow;
    display: none;
}

#info3 {
    height: 40px;
    width: 125px;
    border-style: solid;
    border-color: orange;
    border-width: 5px;
    background-color: orange;
    display: none;
}

JavaScript

$('#info1').click(function(){
    $('#info1').css('display','none');
    $('#info2').css('display','block');
});

$('#info2').click(function(){
    $('#info2').css('display','none');
    $('#info3').css('display','block');
});