JSFiddle - React, Tailwind, and code Playground

HTML

<div class="spoiler_links">Спойлер №1</div>
 <div class="spoiler_body">
Мы настолько уверены в качестве нашей методики, что заключаем договор на оказание услуг и даем юридическую гарантию. Мы настолько уверены в качестве нашей методики, что заключаем договор на оказание услуг и даем юридическую гарантию. Мы настолько уверены в качестве нашей методики, что заключаем договор на оказание услуг и даем юридическую гарантию. Мы настолько уверены в качестве нашей методики, что заключаем договор на оказание услуг и даем юридическую гарантию. Мы настолько уверены в качестве нашей методики, что заключаем договор на оказание услуг и даем юридическую гарантию.
 </div>
 <br><br>
  <div class="spoiler_links">Спойлер №2</div>
 <div class="spoiler_body">
Мы настолько уверены в качестве нашей методики, что заключаем договор на оказание услуг и даем юридическую гарантию. Мы настолько уверены в качестве нашей методики, что заключаем договор на оказание услуг и даем юридическую гарантию. Мы настолько уверены в качестве нашей методики, что заключаем договор на оказание услуг и даем юридическую гарантию. Мы настолько уверены в качестве нашей методики, что заключаем договор на оказание услуг и даем юридическую гарантию. Мы настолько уверены в качестве нашей методики, что заключаем договор на оказание услуг и даем юридическую гарантию.
 </div>

CSS

.spoiler_body {display:none;}
 .spoiler_links {cursor:pointer;}

JavaScript

$(document).ready(function(){
				$('.spoiler_links').click(function(){
					$('.spoiler_links').removeClass('bg_color');
					if ($(this).next('.spoiler_body').css("display")=="none") {
						$('.spoiler_body').hide('normal');
						$(this).addClass('bg_color').next('.spoiler_body').show('normal');
					}
					else $('.spoiler_body').hide('normal');
					return false;
				});
			});