JSFiddle - React, Tailwind, and code Playground

by Sergey Vydayko

HTML

<nav>
  <a href="#" class='cl'>первый</a>
  <a href="#" class='cl'>второй</a>
  <a href="#" class='cl'>третий</a>
</nav>
<div class='item'></div>
<div class='content-out'>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Suscipit vel deserunt, optio pariatur qui sequi odit blanditiis dolore dolorem unde!</p>
</div>

CSS

nav{
  background: #e6e6e6;
  text-align: center ;
  height: 40px;
}

.cl{
  padding: 20px;
  line-height: 40px;
}

.item{
  height: 100px;
  background: #345432;
  display: none;
}

.shove{
  display: block;
}

JavaScript

$(document).ready(function(){
	$(document).on('click', '.cl', function(){
  	$('.item').toggleClass('shove');
  });
});