Jquery if all checkboxes selected show() ... else hide() 
<p>I have 3 checkboxes and 2 divs. I want to be able to show one div when all 3 checkboxes have been ticked and show the other div when any other combination of checkboxes are ticked (ie not all 3).
It would be very much appreciated if anybody could help me out with some suggestions. Thanks in advance.</p>

<pre><code>&lt;input id="1" type="checkbox" /&gt;
&lt;input id="2" type="checkbox" /&gt;
&lt;input id="3" type="checkbox" /&gt;

&lt;div id="checked1"&gt;Title&lt;/div&gt;

&lt;div id="checked2" style="display:none;"&gt;&lt;span style="color:green;"&gt;Title&lt;/span&gt;&lt;/div&gt;


$(document).ready(function() {

$(('input#1')&amp;&amp;('input#2')&amp;&amp;('input#3')).change(
    function() {
        if ($(this).is(':checked')) {
             $("#checked2").show();
             $("#checked1").hide();

        } else {
              $("#checked1").show();
             $("#checked2").hide();
            }
    });
});
</code></pre>
