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" /><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
var lTable = document.getElementById("trchkOptions");
document.getElementById("chkFeedback").addEventListener("change", function() {
lTable.style.display = (window.getComputedStyle(lTable).display === "table") ? "none" : "table";
})