JSFiddle - React, Tailwind, and code Playground

HTML

<div id="menu">
    <div id="a">A</div>
    <div id="b">B</div>
    <div id="c">C</div>
</div>
<div id="conteudo">
    <div class="a visivel">Conteudo A</div>
    <div class="b">Conteudo B</div>
    <div class="c">Conteudo C</div>
</div>

CSS

#menu > div{
    display: inline;
    padding: 0 20px;
    border: 1px solid black;
    cursor: pointer;
}
#conteudo > div{
    display: none;
    
}
#conteudo > div.visivel{
    display: block;
}

JavaScript

$('#menu > div').on('click', function(){
    $('#conteudo > div').removeClass('visivel');
    $('#conteudo > div.' + this.id).addClass('visivel');
});