JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
function ayoMudik(){
    $('.THR').show();
    $('#ketupat').hide();
}
</script>
<table>
   <tr>
      <td>Baris 1<td>
      <td>1<td>
   </tr>
   <tr style="display: none" class="THR">
      <td>Baris 2<td>
      <td>2<td>
   </tr>
   <tr style="display: none" class="THR">
      <td>Baris 3<td>
      <td>3<td>
   </tr>
</table>
<a id="ketupat" href="javascript:void(0);" onclick="ayoMudik();">Selengkapnya</a>