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

jQuery：父动画时链接消失

2 个答案: