jquery - アイテムのグループに対するホバー効果-兄弟要素に移動するときのちらつきを防ぎます

Question

ページにアイテムのグループがあります。1つにカーソルを合わせると、その兄弟の不透明度が変更され、淡色表示になります。カーソルをグループ内の別のアイテムに移動すると、兄弟は最初に100％の不透明度にフェードバックし、その後再び暗くなります。すでに調光されているアイテムの調光解除を防ぐにはどうすればよいですか（もちろん、ホバーされているアイテムを除く）。

私のjQueryコードは以下のとおりです。ここでjsfiddleデモを設定しました：http： //jsfiddle.net/clorentzen/wmhMR/2/

ありがとう！

$(document).ready(function() {
    $('.module').hover(function() {
        $(this).siblings('div').fadeTo(250, .5);
    }, function() {
        $(this).siblings('div').fadeTo(250, 1.0);
    });
});

Answer 1

私はこの投稿が古いことを知っていますが、受け入れられた答えがないので、ここに簡単な修正があります。およびfadeTo（）の前にstop（）を追加するだけです。

$(document).ready(function() {
    $('.module').hover(function() {
        $(this).siblings('div').stop().fadeTo(250, .5);
    }, function() {
        $(this).siblings('div').stop().fadeTo(250, 1.0);
    });
});

Answer 2

http://jsfiddle.net/wmhMR/6/

これを試して：

$(document).ready(function() 
 {
  $('.module').mouseenter(function() 
   {
    $(this).css({'opacity':'0.5'});
   })
  $('.module').mouseleave(function() 
   {
    $(this).css({'opacity':'1'});
   })
 });