Multiple Checkboxes, check if both Checked in Jquery
<p>I have six checkboxes. </p>

<p>Shown as like this </p>

<pre><code>Checkbox1 &lt;input type="checkbox" id="check1"&gt;

Checkbox2 &lt;input type="checkbox" id="check2"&gt;

&lt;div id="checkbox1field" {if $blabla} style="display="none"{/if}&gt; 
Checkbox1 &lt;input type="checkbox" id="check3"&gt;
Checkbox2 &lt;input type="checkbox" id="check4"&gt;
&lt;/div&gt;

&lt;div id="checkbox2field" {if $blabla2} style="display="none"{/if}&gt;
Checkbox1 &lt;input type="checkbox" id="check5"&gt;
Checkbox2 &lt;input type="checkbox" id="check6"&gt;
&lt;/div&gt;
</code></pre>

<p>Now if i click on  checkbox with <code>id=check1</code> the element with <code>id=checkbox1field</code> should be shown if its <code>display="none"</code>. </p>

<p>If i click on <code>id="check3"</code> the <code>id="check4"</code> should be hide. </p>

<p>If i click on <code>id="check4"</code> the <code>id="check3"</code> should be hide. </p>

<p>The same process is also valid for <code>id="checkbox2field"</code>. </p>

<p>But my problem is what do i do if a user clicks on </p>

<pre><code>id="check2" and id="check1"  
</code></pre>

<p>Then i want that both  <code>id="checkbox2field"</code>  and <code>id="checkbox1field"</code>  should be shown. </p>

<p>What i did which works 50% is here </p>

<pre><code>$("#check1:checked").show("fast").("#check4").show("fast").("#checkbox2field").hide("fast");
$("#check2:checked").show("fast").("#check1").hide("fast").("#checkbox1field").show("fast");
</code></pre>

<p>How can i solve this problem using jquery?</p>
