JSFiddle - React, Tailwind, and code Playground

HTML

<button id="ctl00_ctl24_g_5f3fedca_19f7_4bc3_b84e_efbef0c48a33_ctl00_btnAddFoapalRow" type="button">+</button>
<table border="2" class="hide-rows">
    						<tr>
    <td>
        <span>Index</span>
    </td>
    <td>
         <span>Fund</span>
    </td>
    <td>
         <span>Organization</span>
    </td>
    <td>
        <span>Account</span>
    </td>
    <td>
        <span>Activity</span>
    </td>
    <td>
        <span>Amount</span>
    </td>
   </tr>
   <tr>
    <td>

<input name="ctl00$ctl24$g_5f3fedca_19f7_4bc3_b84e_efbef0c48a33$ctl00$ctl130" />
</td>
    							<td>
<input name="ctl00$ctl24$g_5f3fedca_19f7_4bc3_b84e_efbef0c48a33$ctl00$ctl132" type="text" />
</td>
<td>
<input name="ctl00$ctl24$g_5f3fedca_19f7_4bc3_b84e_efbef0c48a33$ctl00$ctl134" type="text" />
</td>
    							<td>
<input name="ctl00$ctl24$g_5f3fedca_19f7_4bc3_b84e_efbef0c48a33$ctl00$ctl136" type="text" />
</td>
<td>
<input name="ctl00$ctl24$g_5f3fedca_19f7_4bc3_b84e_efbef0c48a33$ctl00$ctl138" type="text" />
</td>
    							<td>
<input name="ctl00$ctl24$g_5f3fedca_19f7_4bc3_b84e_efbef0c48a33$ctl00$ctl140" type="text" />
</td>
</tr>
    						<tr id="ctl00_ctl24_g_5f3fedca_19f7_4bc3_b84e_efbef0c48a33_ctl00_foapalrow3">
    							<td>
<input name="ctl00$ctl24$g_5f3fedca_19f7_4bc3_b84e_efbef0c48a33$ctl00$boxIndex2foapalrow3" type="text" id="ctl00_ctl24_g_5f3fedca_19f7_4bc3_b84e_efbef0c48a33_ctl00_boxIndex2foapalrow3"  />
</td>
    							<td>
<input name="ctl00$ctl24$g_5f3fedca_19f7_4bc3_b84e_efbef0c48a33$ctl00$boxFund2foapalrow3" type="text" id="ctl00_ctl24_g_5f3fedca_19f7_4bc3_b84e_efbef0c48a33_ctl00_boxFund2foapalrow3"/>
</td>
    							<td>
<input name="ctl00$ctl24$g_5f3fedca_19f7_4bc3_b84e_efbef0c48a33$ctl00$boxOrg2foapalrow3" type="text" id="ctl00_ctl24_g_5f3fedca_19f7_4bc3_b84e_efbef0c48a33_ctl00_boxOrg2foapalrow3" class="dplatypus-webform-field-input" style="width:88px;" />
</td>
    							<td width="88px">
<input...

CSS

.hide-rows tr:nth-of-type(n+3) {
    display: none;
}

.hide-rows tr.show-row { display: table-row;
}

.hide-rows td {
    width: 88px;
    text-align:center;
}
.hide-rows input {
    width: 88px;
}
.hide-rows span {
    text-align:center;
}

JavaScript

$(document).on("click", '[id$=btnAddFoapalRow]', function (e) {
   if (!$('[id$=foapalrow3]').hasClass("show-row")) {
  $('[id$=foapalrow3]').addClass("show-row");
} else {
       $('[id$=foapalrow4]').addClass("show-row");
}
    });