jquery toggle from two triggers
<p>I have 2 check boxes that shows and displays some divs.</p>

<p>The first check box when toggled will show <strong>bank name and bank address</strong>. The second box when checked will show <strong>bank name and bank branch</strong>. </p>

<p>What I want to achieve is that: when both check boxes are checked, the user should see <strong>bank name, bank address and bank branch</strong> and obviously when both boxes are not checked, the user should see nothing.</p>

<p>I'm having problems getting the logic right for the toggle function as both checkbox will seek to toggle bank name on/off irregardless of its current state. Clicking on checkbox2 will remove <strong>bank name</strong> from being displayed which is not what I want.</p>

<p>I think I should be using some sort of global variable to help me keep track of it but I cant seem to get it to work. </p>

<p>My code here: <a href="http://jsfiddle.net/mJbbc/" rel="nofollow">http://jsfiddle.net/mJbbc/</a></p>
