JSFiddle - React, Tailwind, and code Playground

HTML

<h4 class="trigger"><a href="#">Row Title 1</a></h4>
<div class="toggle_container">
 <div class="block">
  Test
 </div>
</div>
<h4 class="trigger"><a href="#">Row Title 2</a></h4>
<div class="toggle_container">
 <div class="block">
  Test
 </div>
</div>
<h4 class="trigger"><a href="#">Row Title 3</a></h4>
<div class="toggle_container">
 <div class="block">
  Test
 </div>
</div>

JavaScript

$(function(){
  $(".toggle_container:gt(0)").hide();
  $("h4.trigger").click(function(){
    $(this).toggleClass("active").next().slideToggle("slow")
           .siblings(".toggle_container").slideUp();
  });
});