jQuery中在两个拥有相同mouseover的元素之间移动的问题

Question

$('#d11,#d12').on('mouseover',function(){
                $('#d2').animate({opacity:'100'});
            });

如代码所示，在d11,d12之间移动，animate会执行照成物体一闪一闪的，怎么解决。
详细代码如下：

Answer 1

// 先终断之前的动画$(document).ready(function(){    $('#d11,#d12').on('mouseover',function(){        $('#d2').stop(true).animate({opacity:'100'});    });    $('#d11,#d12').on('mouseout',function(){        $('#d2').stop(true).animate({opacity:'0'});    });});