Jquery hover toggle

Question

こんにちは、私はdocument.loadで行っています。私はnav liの高さを減らし、navの下のdivをアニメーション化しました。私は何をしたいのnav内の各リチウムのホバー上にある以下のアニメーションのjqueryのコードを逆です：

   $('.tabs li a').animate({ 
       height: '40' 
       }, 1000, function() { 
       // Animation complete. 
       }); 

       $('#tabs-wrap').animate({ 
       marginTop: '-=147' 
       }, 1000, function() { 
       // Animation complete. 
       }); 

どのように私はこのコードを反転についてが、ホバーのトリガーとなるだろう？

ありがとうございました

Answer 1

次のようなものですか？

$('tabs li a').hover(function(){ 
    $(this).animate({height:40}, 1000, function(){ 
     //animation complete 
    }); 
}, function(){ 
    $(this).animate({height:0}, 1000, function(){ 
     //animation complete 
    }); 
}); 

$('#tabs-wrap').hover(function(){ 
    $(this).animate({marginTop: '-147'}, 1000, function(){ 
    //animation complete 
    }); 

}, function(){ 
    $(this).animate({marginTop: '147'}, 1000, function(){ 
    //animation complete 
    }); 

}); 

さらに、このようなアニメーションでは、エレメント上で別のアニメーションを続行する前にアニメーションを停止することを忘れないでください。

例：私はそれが正しいだ

$(this).stop().animate({height:300}), 1000, function(){ }); 

Answer 2

場合、あなたは.hover()機能を探している、あなたにいけませんか？