JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
	<div class="content">
		<button class="button">Кнопка #1</button>
		<div class="button_block">Блок 1</div>		
	</div>
	<div class="content">
		<button class="button">Кнопка #2</button>
		<div class="button_block">Блок 2</div>		
	</div>
	<div class="content">
		<button class="button">Кнопка #3</button>
		<div class="button_block">Блок 3</div>		
	</div>	
	
</div>

CSS

button {
	background: tomato;
	outline: 0;
	border: 0;
	padding: 15px 25px;
	display: inline-block;
	margin: 10px;
	cursor: pointer;
}

.button_block {
	padding: 50px 0;
	text-align: center;
	display: none;
}

.content.active .button_block {
   display: block;
	 background: silver;
}

JavaScript

$(document).ready(function() {
	
	$('.button').click(function(){
		$(this).closest('.content')
          .toggleClass('active')
          .siblings()
          .removeClass('active');
	});
	
});