Edit in JSFiddle

$('#chkVitalSigns').click(function() {
    $('#spanVitalSignsPrompts').toggle($(this).attr('checked') !== undefined);
});

$('#chkMainOrder').click(function() {
   $('#rowSubOrders').toggle($(this).attr('checked') !== undefined); 
});
<h1>Example 1 - Prompts</h1>
<input type="checkbox" name="chkVitalSigns" id="chkVitalSigns" />
Vital Signs
<span id="spanVitalSignsPrompts" style="display:none">
    Frequency:
    <select name="cboVitalSignsFreq" id="cboVitalSignsFreq">
        <option>Q15 MIN</option>
        <option>Q30 MIN</option>
        <option>Q1 HR</option>
        <option>Q4 HR</option>
    </select>
</span>
<hr />
<h1>Example 2 - Sub orders</h1>
<table>
    <tr><td>
        <input type="checkbox" name="chkMainOrder" id="chkMainOrder" />
        Main Order
    </td></tr>
    <tr id="rowSubOrders" style="display:none"><td><table>
        <tr><td>
            <input type="checkbox" name="chkSubOrder1" id="chkSubOrder1" />
            Sub Order 1
        </td></tr>
        <tr><td>
            <input type="checkbox" name="chkSubOrder2" id="chkSubOrder2" />
            Sub Order 2
        </td></tr>
    </table></td></tr>
</table>
h1 {
    font-size: 14pt;
    font-family: verdana,tahoma
}

table table { padding-left: 25px; }