Show/hide div based on checkbox value
<p>When the user checks 'student'(check-1). The 2 checkbox values are supposed to disappear and reveal a text input div. As of right now I've got the input-reveal down. But I can't seem to get the checkboxes to disappear. </p>

<p>I've tried: </p>

<pre><code>$(function () {
  $('#check-1').change(function () {                
      $('.name').toggle(this.checked);
      $('#check-1').hide();
      $('#check-2').hide();
  }).change();
});
</code></pre>

<p>But that doesn't work. How do I hide the checkboxes once 'student' is checked? Any idea's?</p>

<p>Here is a small <a href="http://jsfiddle.net/vkAy4/8/" rel="nofollow">fiddle</a> . Thanks for your help in advance.</p>
