JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<a href="#" class="tab" data-id="div1">Enlace 1</a>
<a href="#" class="tab" data-id="div2">Enlace 2</a>
<div id="div1" class="info">
Contenido 1
</div>
<div id="div2" class="info">
Contenido 2
</div>

CSS

.class{font-weight:bold;}
.info{display:none;}

JavaScript

$(document).ready(function(){
    var activo;
    
    function muestraDiv(id){
        $('#'+activo).hide();
        $('.tab[data-id="'+activo+'"]').removeClass('class');
        activo = id;
        $('#'+activo).show();
        $('.tab[data-id="'+activo+'"]').addClass('class');
    }
    
    $('.tab').click(function(e){
        e.preventDefault;
        muestraDiv( $(this).data('id') );
        return false;
    });
    
    muestraDiv('div1');
    
});