JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<a href="#div1" class="link">Первая</a>
  <a href="#div2" class="link">Вторая</a>
  <a href="#div3" class="link">Третья</a>
  <a href="#div4" class="link">Четвертая</a>
  <br><br>
  <div class="bar" id="div1">Текст1</div>
  <div class="bar" id="div2">Текст2</div>
  <div class="bar" id="div3">Текст3</div>
  <div class="bar" id="div4">Текст4</div>

JavaScript

$(function() {
  $('.link').on('click', function(e) {
    e.preventDefault();
    $('.bar').each(function() {
      $(this).css('display', 'none');
    });
    
    var block = $(this).attr('href');
    
    if($(this).hasClass('active')) {
    	$(this).removeClass('active');
      $(block).css('display', 'none');
    }
    else {
    	$(this).addClass('active');
      $(block).css('display', 'block');
    }    
  });
});