JSFiddle - React, Tailwind, and code Playground
HTML
<table width="1077" border="0" cellspacing="4" cellpadding="4">
<tr>
<td height="100%"> </td>
<td id="headerText">
<h2>RESORT</h2>
</td>
<td width="17" rowspan="3" valign="top" id="headerText"></td>
<td id="headerText">
</tr>
<tr>
<td height="150"> </td>
<td valign="top">
<table width="100%" border="0" cellspacing="1" cellpadding="1">
<tr>
<td width="7%" id="bodyText2">
<label for="zip2">
<input type="checkbox" name="check_medical2" id="check_medical2">
</label>
</td>
<td width="93%">
<label for="textfield3"></label>
<label for="people3" id="bodyText">section 1</label>
</td>
</tr>
<tr>
<td height="10" colspan="2" id="bodyText2"></td>
</tr>
<tr>
<td id="bodyText2">
<input type="checkbox" name="check_dental2" id="check_dental2">
</td>
<td id="bodyText">section 2</td>
</tr>
<tr>
<td height="10" colspan="2" id="bodyText5"></td>
</tr>
<tr>
<td id="bodyText2">
<input name="check_life_insurance2" type="checkbox" id="check_life_insurance2">
</td>
<td id="bodyText">section 3</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="2" cellpadding="2">
<tr>
<td width="30%"></td>
<td width="43%"> </td>
<td width="27%"> </td>
</tr>
</table>
<p> </p>
...
CSS
#section {
display:none;
}
JavaScript
$('#resort').on("click", function () {
if ($(this).prop("checked")) {
$('#hotel').show();
} else {
$('#hotel').hide();
}
});