0

私はこのような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

なぜこれを行っているのか、それを修正する方法を誰でも説明できますか。それは大きな問題ではありませんが、それが起こらなければ私はそれを望んでいます.

4

2 に答える 2

2 
$('#book-tab').on('click', function(e){
   e.preventDefault();
   $('#book-container').animate({ // apply animation only one element
      'height' : 350
   })
})
于 2012-05-14T09:55:23.290 に答える
1 
$('#book-tab').on('click', function(e){
    $('#book-inner').animate({
      'height' : 350
   })
})​

内側の div だけにアニメーションを使用します。

作業中の JsFiddle

于 2012-05-14T09:59:06.433 に答える