JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<a class="first-menu" href="#">First link</a>
<a class="second-menu" href="#">Second link</a>
<a class="third-menu" href="#">Third link</a>


<div class="first-menu-div">
  This is first MENU
</div>
<div class="second-menu-div">
  This is Second MENU
</div>
<div class="third-menu-div">
  This is Third MENU
</div>

CSS

div {
  display: none;
  margin-top: 100px;
  background: orange;
  padding: 50px;
}

.second-menu-div {
  background: yellow;
}

.third-menu-div {
  background: #6600ff;
}

JavaScript

$(function() {
  $("a").click(function() {
    var class_name = $(this).attr('class');
    $("div").hide();
    $("." + class_name + '-div').show();
  });
})