JSFiddle - React, Tailwind, and code Playground

HTML

<div class="left-menu">
<div><a class="btn" href="#first">Нажми меня 1</a></div>
<div><a class="btn" href="#second">Нажми меня 2</a></div>
<div><a class="btn" href="#third">Нажми меня 3</a></div>
</div>

<div id="first" class="cnt">текст по первой ссылке</div>
<div id="second" class="cnt">информация при нажатии на вторую ссылку</div>
<div id="third" class="cnt">и третья ссылка дает результат</div>

CSS

.left-menu {
    float: left;
    clear: right;
    width: 25%;
    padding-right: 2%;
	padding-left:2%;
	padding-top:2%;
	padding-bottom:2%;
}

.cnt {
    display: none;
    
}

.cnt.active {
    display: block;
}

JavaScript

var btn = $('.btn'),
    cnt = $('.cnt');
  
btn.on('click', function() {
    
    cnt.removeClass('active');    
    $($(this).attr('href')).addClass('active');
    
});