[jQuery] Hiding table rows based on value

[evanbu...@gmail.com]

Hi

I have a checkbox that when clicked I want to hide all of the entire
rows in my table where those fields with a class of internalField
equals True.  The hiding part works well but when I uncheck the
checkbox the rows do not become visible again.  So I guess my question
is how do I toggle the value of this checkbox (chkInternal) to hide/
show these table rows?  Thanks

<input name="chkInternal" id="chkInternal" type="checkbox" />

<script language="javascript">
$(document).ready(function() {
      $('#chkInternal').click(
             function() {
                $('.internalField').each(function() {
        if ($(this).text() == "True")
                $(this).parent().css('visibility', 'hidden');
        else
                $(this).parent().css('visibility', 'visible');
        });
     });
});
</script>