jquery - jQuery：父动画时链接消失

Question

我有一个这样的DOM：

<div id="book-container">
    <div id="book-inner">
       Contents of slidedown
    </div>
    <a href="#" id="book-tab">Slide Down</a>
</div>

我有这个 jQuery

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

它工作正常，但问题是在制作#book-container动画#book-inner时#book-tab链接消失并在完成动画后重新出现。

谁能解释它为什么这样做以及如何解决它。这不是一个大问题，但如果它没有发生，我会更喜欢它。

Answer 1

$('#book-tab').on('click', function(e){
   e.preventDefault();
   $('#book-container').animate({ // apply animation only one element
      'height' : 350
   })
})

Answer 2

$('#book-tab').on('click', function(e){
    $('#book-inner').animate({
      'height' : 350
   })
})​

仅对内部 div 使用动画。

工作JsFiddle