Show / Hide table row based on radio buttons
<p>I have a set of four radio buttons that represent four different conditions (Good, Improving, Worsening, Poor).  Selecting "worsening" or "poor" should unhide a table row with a textarea to explain why the condition is not good.  Selecting "good" or "improving" should hide the table row.  I've tried adding a class to the two that unhide the table row, but only one of the buttons is working (worsening).  I have a feeling I need an or clause in there somewhere to pickup both buttons, but I've tried many variations and I'm just not coming up with it.  Appreciate any help for this noob.</p>

<p>Here is what I have:</p>

<pre><code>&lt;tr&gt;
     &lt;td&gt;
      Customer Sentiment:
    &lt;/td&gt;
    &lt;td colspan="3"&gt;
    &lt;div id="sentiment"&gt;
        &lt;input class="xhide" type="radio" id="Good" value="1"   name="sentimentID" &lt;cfif sentimentID eq 1&gt;checked&lt;/cfif&gt; /&gt;&lt;label for="Good"&gt;Good&lt;/label&gt;
        &lt;input class="xhide" type="radio" id="Improving" value="2" name="sentimentID" &lt;cfif sentimentID eq 2&gt;checked&lt;/cfif&gt; /&gt;&lt;label for="Improving"&gt;Improving&lt;/label&gt;
        &lt;input class="xshow" type="radio" id="Worsening" value="3" name="sentimentID" &lt;cfif sentimentID eq 3&gt;checked&lt;/cfif&gt; /&gt;&lt;label for="Worsening"&gt;Worsening&lt;/label&gt;
        &lt;input class="xshow" type="radio" id="Poor" value="4"   name="sentimentID" &lt;cfif sentimentID eq 4&gt;checked&lt;/cfif&gt; /&gt;&lt;label for="Poor"&gt;Poor&lt;/label&gt;
    &lt;/div&gt;
    &lt;/td&gt;
&lt;/tr&gt;                        

&lt;tr class="rnotes""&gt;
    &lt;td valign="top"&gt;Sentiment Notes:&lt;/td&gt;
    &lt;td colspan="3"&gt;
        &lt;cfoutput&gt;
        &lt;textarea   name="sentimentNotes"
                    cols="100"
                    rows="4"&gt;#sentimentNotes#&lt;/textarea&gt;
        &lt;/cfoutput&gt;
    &lt;/td&gt;
&lt;/tr&gt;
</code></pre>

<p>Script:</p>

<pre><code>$(document).ready(function() 
{
    $(".rnotes").hide();

    $(':radio').change(function(){
    var isChecked=$('.xshow').prop('checked');
    $('.rnotes').toggle(isChecked);
    });
});
</code></pre>

<p>========================================================================</p>
