Why consecutive show and hide behaves buggy in this code?
<p>Demo: <a href="http://jsfiddle.net/sunnycpp/fMXyP/5/" rel="nofollow">http://jsfiddle.net/sunnycpp/fMXyP/5/</a></p>

<p>Consecutive show,hide calls produces a bug, Animation stops and does not resume sometimes. Is this jQuery bug or bug in my code? </p>

<p>Here is the code copy-pasted from jsfiddle.</p>

<pre><code>myButtonManual.on("click", function() {
  isVisible = !isVisible;      
  myHero.stop(true,false);      
  if(isVisible) {        
    myHero.show('slow');
    myButtonManual.text("Manual Hide");
  } else {        
    myHero.hide('slow');
    myButtonManual.text("Manual Show");
  }   
</code></pre>

<p><img src="http://i.stack.imgur.com/R2AMZ.png" alt="enter image description here"></p>
