JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" id="link1">Текст</a>
<a href="#" id="link2">Текст2</a>
<a href="#" id="link3">Текст3</a>
<a href="#" id="link4">Текст4</a>

<div id="div1" class="bar"></div>
<div id="div2" class="bar"></div>
<div id="div3" class="bar"></div>
<div id="div4" class="bar"></div>

CSS

.bar{
    display: none;
}

#div1{
    width: 50px;
    height: 50px;
    background: red;
}

#div2{
    width: 50px;
    height: 50px;
    background: green;
}

JavaScript

$(document).ready(function() {
    
    $('#link1').click(function(e){
        e.preventDefault();
        $('#div1').toggle();
    });
    
    $('#link2').click(function(e){
        e.preventDefault();
        $('#div2').toggle();
    });
});