JSFiddle - React, Tailwind, and code Playground

HTML

<div id="tabs">
    <span class="tab" id="#php"> PHP </span>
    <span class="tab" id="#html"> HTML </span>
    <span class="tab" id="#js"> JS </span>
</div>

<div id="php" class="main"> Teste Aba PHP </div>
<div id="html" class="main"> Teste Aba HTML </div>
<div id="js" class="main"> Teste Aba JS </div>

CSS

#tabs span{
    display:inline-block;
    padding: 10px;
    border: 1px solid black;
    width: 60px;
    cursor: pointer;
}

.main{
    margin-top: 30px;
    width: 180px;
    height: 180px;
    display: none;
}

JavaScript

$('.tab').click(function(){
    $('.main').hide();
    
    var tabSelecionada = $(this).prop('id');
    
    $(tabSelecionada).show();
});