JSFiddle - React, Tailwind, and code Playground

HTML

<div class="nav-a mot"><div class="s36 light">БЛОК 1 <span class="re-h">/ ОПИСАНИЕ</span></div>
			<span class="h-a1 active punkt pt1">Описание</span>
			<span class="h-a2 punkt pt1">Тарифы</span>
			<span class="h-a3 punkt pt1">Подать заявку</span>
		</div>
    <div class="in">
    <div class="h-b-1">Информация о БЛОК 1</div>
    <div class="h-b-2 none">Тарифы БЛОКА 1</div>
    <div class="h-b-3 none">Форма подачи заявки на БЛОК 1</div>
    </div>
    		<div class="nav-a mot"><div class="s36 light">БЛОК 2 <span class="re-h2">/ ЦЕНЫ</span></div>
			<span class="h-a4 active punkt pt2">Цены</span>
			<span class="h-a5 punkt pt2">Зарегистрировать</span>
		</div>
    <div class="in">
    <div class="h-b-4">Цены на блок 2</div>
    <div class="h-b-5 none">Регистрация блока 2</div>
    </div>

CSS

.punkt {
	margin-right: 55px;
    font-size: 16px;
    color: #0060ff;
    border-bottom: 1px dashed #498eff;
    cursor: pointer;
}

.punkt:hover {
	border-bottom: 1px solid #0060ff;
}

.re-h, .re-h2 {
	color: #aaa;
}

.nav-a {
	height: 100px;
}

.nav-a .light {
    margin-bottom: 15px;
}

.active {
	border-bottom: none !important;
	color: #aaaaaa !important;
	cursor: default;
}
 .none {
display:none;
}

.in {
  font-size: 24px;
  margin-bottom: 140px;
}

JavaScript

var links1 = $(".pt1");
links1.click(function() {
	links1.removeClass('active');
	$(this).addClass('active');
});

$(".h-a1").click(function(){
	$(".re-h").text("/ ОПИСАНИЕ");
  $(".h-b-1").removeClass("none");
  $(".h-b-2").addClass("none");
  $(".h-b-3").addClass("none");
});

$(".h-a2").click(function(){
	$(".re-h").text("/ ТАРИФЫ");
  $(".h-b-2").removeClass("none");
  $(".h-b-1").addClass("none");
  $(".h-b-3").addClass("none");
});

$(".h-a3").click(function(){
	$(".re-h").text("/ ПОДАТЬ ЗАЯВКУ");
  $(".h-b-3").removeClass("none");
  $(".h-b-2").addClass("none");
  $(".h-b-1").addClass("none");
});

// Для Второго

var links2 = $(".pt2");
links2.click(function() {
	links2.removeClass('active');
	$(this).addClass('active');
});

$(".h-a4").click(function(){
	$(".re-h2").text("/ ЦЕНЫ");
  $(".h-b-4").removeClass("none");
  $(".h-b-5").addClass("none");
});

$(".h-a5").click(function(){
	$(".re-h2").text("/ ЗАРЕГИСТРИРОВАТЬ");
  $(".h-b-5").removeClass("none");
  $(".h-b-4").addClass("none");
});