JSFiddle - React, Tailwind, and code Playground

HTML

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

<div id="first" class="cnt">Молодец!</div>
<div id="second" class="cnt">Молодец 2 раза!</div>
<div id="third" class="cnt">Молодец три!</div>

CSS

.cnt {
    display: none;
}

.cnt.active {
    display: block;
}

JavaScript

var btn = document.querySelectorAll('.btn'),
    cnt = document.querySelectorAll('.cnt');

Array.prototype.forEach.call(btn, function(curr){
    
    curr.addEventListener('click', function() {
        
        Array.prototype.forEach.call(cnt, function(curr){
            curr.classList.remove('active');
        });
        
        document.querySelector(this.getAttribute('href')).classList.add('active');
        
        return false;
        
    }, false);
    
});