Use jQuery to hide a div until multiple check boxes are selected
<p>I need to use jQuery to hide a div until all five check boxes below are selected. I know how to do this for a single check box but not for multiple check boxes.</p>

<p>This is what I have so far.</p>

<pre><code>&lt;input type=checkbox id="cb1" name="cb1"&gt;
&lt;input type=checkbox id="cb2" name="cb2"&gt;
&lt;input type=checkbox id="cb3" name="cb3"&gt;
&lt;input type=checkbox id="cb4" name="cb4"&gt;
&lt;input type=checkbox id="cb5" name="cb5"&gt;

&lt;div id="hidden"&gt;some stuff&lt;/div&gt;  
</code></pre>

<p>jQuery below only hides/shows div if one check box is unselected/selected.</p>

<pre><code>('#hidden').hide();
$('#cb1').click(function() {
    if($('#cb1').is(':checked'))
    {
        $('#hidden').show();
    }
    else
    {
        $('#hidden').hide();
    }   
});
</code></pre>
