JSFiddle - React, Tailwind, and code Playground

HTML

<div class='rr'>
  <div class='rrclk'>
   Click Me 1
  </div>
  <div class='rrshow'>
    I am now shown 1
   </div>
</div>

<div class='rr'>
  <div class='rrclk'>
   Click Me 2
  </div>
  <div class='rrshow'>
    I am now shown 2
   </div>
</div>

CSS

.rrshow{
    display:none;
}

JavaScript

$(".rrclk").click(function(){
   //hide all rrshow
   $(".rrshow").hide();

   //show only required rrshow
   $(this).parent().find(".rrshow").show().slideDown();
});