JSFiddle - React, Tailwind, and code Playground
HTML
<tr id="trfeedback">
<td style="width: 5%">
</td>
<td style="width: 90%">
<span style="display:inline-block;width:6%;"><input id="chkFeedback" type="checkbox" name="chkFeedback" onclick="toggleTable();" /><label for="chkFeedback">Send Feedback</label></span>
</td>
<td style="width: 5%">
</td>
</tr>
<table id="trchkOptions">
<tr>
<td style="width: 5%">
</td>
<td>
<span style="display:inline-block;width:5%;"><input id="chkOption1" type="checkbox" name="chkOption1" /></span>
Option 1 To
RA 1, RA 2
</td>
<td style="width: 5%">
</td>
</tr>
<tr>
<td style="width: 5%">
</td>
<td>
<span style="display:inline-block;width:5%;"><input id="chkOption2" type="checkbox" name="chkOption2" /></span>
Option 2 To
HMS, VMS.
</td>
<td style="width: 5%">
</td>
</tr>
<tr>
<td style="width: 5%">
</td>
<td>
<span style="display:inline-block;width:5%;"><input id="chkOption3" type="checkbox" name="chkOption3" /></span>
Option...
JavaScript
function toggleTable() {
var lTable = document.getElementById("chkFeedback");
lTable.style.display = (lTable.style.display == "table") ? "none" : "table";
}