jquery - jqueryホバーが正しく機能しない

Question

私は次のコードを持っています、そしてそれは私が最初にホバーしたときにスライドダウンとアップを続けます。どうすればこれを修正できますか

http://jsfiddle.net/nimeshrmr/2p783/

Answer 1

.stop(true, true)前に使用し.slideUp()、.slideDown()

.stop（）は、一致した要素で現在実行中のアニメーションを停止します。

.stop( [clearQueue] [, jumpToEnd] )

clearQueue：キューに入れられたアニメーションも削除するかどうかを示すブール値。デフォルトはfalseです。

jumpToEnd：現在のアニメーションをすぐに完了するかどうかを示すブール値。デフォルトはfalseです。

フィドルを見る

Answer 2

AKのコメントによると、彼は.stop（）の代わりに.stop（true、true）を使用するようにアドバイスしています。

更新された投稿

.slideDown（）および.slideUp（）の前にこのadd stop（true、true）を試してください

$(".portfolio-image-3col").on("mouseenter",function(){
   $(this).parent().find(".portfolio-desc-3col").stop(true, true).slideDown("fast");
});

$(".portfolio-desc-3col").on("mouseout",function(){
   $(this).parent().find(".portfolio-desc-3col").stop(true, true).slideUp("fast");
});​

古い投稿。

.slideDown（）および.slideUp（）の前にstop（）を追加してみてください

$(".portfolio-image-3col").on("mouseenter",function(){
   $(this).parent().find(".portfolio-desc-3col").stop().slideDown("fast");
});

$(".portfolio-desc-3col").on("mouseout",function(){
   $(this).parent().find(".portfolio-desc-3col").stop().slideUp("fast");
});​

Answer 3

親から始めて、子を見つけますhttp://jsfiddle.net/2p783/5/

$(".portfolio-item").hover(function() {
     $(this).find(".portfolio-desc-3col").slideDown("fast");
}, function() {
     $(this).find(".portfolio-desc-3col").slideUp("fast");
});

それが役に立てば幸い ：）