마우스가 선택된 자식 위로 이동하면 Mousein-mouseout이 깜박입니다.

Question

"컨테이너"인 parrent div에 대해 mousein과 mouseout을 사용하고 싶습니다. 그러나 "빨간색"과 "검은 색"인 아이들 위에 마우스를 가져 가면 깜박 거리게됩니다 (또는 이벤트를 한 번 더 적용한다고 말하는 것이 더 낫습니다!) 그러나 자녀를 다룰 때 이벤트를 한 번 더 묶고 싶지는 않습니다. 빨간색과 검은 색 div입니다.); 이 문제를 어떻게 해결할 수 있습니까? Fiddle

JS :

$('#container').mouseover(function() { 
    $('#red').stop(true, true).animate({ 
     width: '110px' 
    }, 200); 
}) 
$('#container').mouseout(function() { 
    $('#red').stop(true, true).animate({ 
     width: '0px' 
    }, 200); 
}) 

감사

Answer 1

는 mouseenter 및 mouseleave 이벤트