title: Checkboxes selection combination
body: <p>IF <code>checkbox1</code> is selected OR <code>checkbox1 &amp; checkbox2</code> show <code>List1</code></p>
  
  <p>IF <code>checkbox2</code> is selected show <code>List2</code></p>
  
  <p>ELSE IF both <code>checkbox1 &amp; checkbox2</code> are not selected hide both List1 &amp; List2</p>
  
  <p>Here is the <a href="http://jsfiddle.net/7ywshcs3/" rel="nofollow">JSFiddle</a> that doesn't quiet do what I want it to do.</p>
  
  <p>Code:</p>
  
  <pre><code>$(document).ready(function() {
          var $cBoxes = $('#checkbox1, #checkbox2');
          $cBoxes.change(function(){
            if (($cBoxes.length == $cBoxes.filter(':checked').length)){
              $('#list1').show();
              $('#list2').hide();
            }else{
              $('#list1').hide();
              $('#list2').show();
            }
          });
  });
  </code></pre>