一部の要素の不透明度をアニメーション化すると、アニメーションが常に終了しないようです。ツールチップの結果は次のとおりです (複製するには、マウスを div の上で前後に動かします)。
ボックス 1 と 2 にはまだゴースト要素があります。
ここに私のjQueryがあります
$(document).ready(function(){
$(".thumbnail").hover(function(){
$(this).parent().find(".tooltip").animate({
opacity: 1,
top: '105%'
}, 200, 'swing', false);
$(this).find(".label").stop(false, true).fadeIn(2);
},function(){
$(this).parent().find(".tooltip").animate({
opacity: 0,
top: '100%'
}, 200, 'swing', false);
$(this).find(".label").stop().fadeOut();
});
$(".label").click(function(){
var url = $(this).find('h3 a').attr('href');
window.location.href = url;
})
});
そしてフィドル:http://jsfiddle.net/qu7Tu/