JSFiddle - React, Tailwind, and code Playground

HTML

<button id="toggle1">Mostrar Empresa 1</button>
<button id="toggle2">Mostrar Empresa 2</button>
<button id="toggle3">Mostrar Empresa 3</button>

<div class="wrapper">
<div id="fonte">
    <ul class="source">
        <li> EMPRESA 1 </li>
        <li> EMPRESA 2 </li>
        <li> EMPRESA 3 </li>
    </ul>
</div>

<div id="conteudo">
    <ul class="item" id="emp1">
        <li class="mostrar1" style="display:none;"> 1 </li>
        <li class="mostrar2" style="display:none;"> 2 </li>
        <li class="mostrar3" style="display:none;"> 3 </li>
    </ul>
    
    <ul class="item" id="emp2">
        <li class="mostrar1" style="display:none;"> 1 </li>
        <li class="mostrar2" style="display:none;"> 2 </li>
    </ul>
    
    <ul class="item" id="emp3">
        <li class="mostrar1" style="display:none;"> 1 </li>
        <li class="mostrar2" style="display:none;"> 2 </li>
    </ul>
    
</div>
</div>

CSS

.wrapper {position: absolute;}

#fonte {
    display: block;
    width: 200px;
    height: 200px;
    outline: dotted;
}

#conteudo {
    position: absolute;
    top: 15px;
    left: 210px;
    display: block;
    width: 200px;
    height: 200px;
    outline: dotted;
}

.source li {
    display: block;
    height: 35px;
    outline: dotted;
    padding: 5px
}


.item li {
    width: 36px;
    height: 36px;
    display: block;
    outline: dotted;
    padding: 5px;
    float: left;
}

JavaScript

$(document).ready(function(){
    $("#toggle1").click(function(){
        $(".mostrar1").slideToggle();
        $(".mostrar2, .mostrar3").hide();
    });
    $("#toggle2").click(function(){
        $(".mostrar2").slideToggle();
        $(".mostrar1, .mostrar3").hide();
    });
    $("#toggle3").click(function(){
        $(".mostrar3").slideToggle();
        $(".mostrar1, .mostrar2").hide();
    });
});