jQuery: Link disappears when parent animates
<p>I have a DOM like this:</p>

<pre><code>&lt;div id="book-container"&gt;
    &lt;div id="book-inner"&gt;
       Contents of slidedown
    &lt;/div&gt;
    &lt;a href="#" id="book-tab"&gt;Slide Down&lt;/a&gt;
&lt;/div&gt;
</code></pre>

<p>and I have this jQuery</p>

<pre><code>$('#book-tab').on('click', function(){
   $('#book-container, #book-inner').animate({
      'height' : 350
   })
})
</code></pre>

<p>It works fine, but the problem is while <code>#book-container</code> and <code>#book-inner</code> is animating the <code>#book-tab</code> link disappears and reappears when it's finished animating.</p>

<p>Can anyone explain why it's doing this and how to fix it. It's not a huge problem, but I'd much prefer it if it didn't happen.</p>
