JSFiddle - React, Tailwind, and code Playground

HTML

<p class="text">
<a >ClickHere1</a>
</p>
  <div class="text1" style="display: none">
   <p class="click">
   <a>Hey1</a>
   </p>
   <p class="click">
   <a>Ho1</a>
   </p>
  </div>
<p class="text">
<a >ClickHere2</a>
</p>
  <div class="text1" style="display: none">
   <p class="click">
   <a>Hey2</a>
   </p>
   <p class="click">
   <a>Ho2</a>
   </p>
  </div>

 <div id="Content">
 </div>

JavaScript

$(".text").click(function() {
    $("#Content").html($(this).next(".text1").html());
});

$(".click").click(function() {
    $('.click').css('color','');
    $(this).css( "color", "red" );
});