JSFiddle - React, Tailwind, and code Playground

HTML

<a href='#' class='link'>link 1</a>
<div id='#div1' class='panel active'> Visible </div>
<br />
<a href='#' class='link'>link 2</a>
<div id='#div1' class='panel'> Visible </div>
<br />
<a href='#' class='link'>link 3</a>
<div id='#div1' class='panel'> Visible </div>

CSS

div.panel { display:none; }
div.panel.active { display:block; }

JavaScript

$(function()   {
    $(".link").click(function(e) {
        e.preventDefault();
        $('div.panel:visible').hide();
        $(this).next('div.panel').show();
    });
});