Toggle function requiring 2 clicks
<p>I have a series of buttons. Lets call them A, B, C. I attached the toggle method to these buttons. When I click A, a div with some info will be shown. If i click A again, this div will will be removed. When i click B, the div related to A is removed[if still open] and a new div related to B is shown. It's just a basic toggle we see in many websites. </p>

<p>However, when i click A, then B and then A again, the A will take 2 clicks to show its div. Thats because the second function in the toggle is triggered as it is still in queue. </p>

<p>Look at this code. I am just changing text of the button here for demo.</p>

<p><a href="http://jsfiddle.net/BxFqf/" rel="nofollow">http://jsfiddle.net/BxFqf/</a></p>

<p>How to prevent it from taking 2 clicks?</p>
