JQuery дочерний элемент MouseEnter MouseLeave

Question

Вот пример: http://jsfiddle.net/FdT23/4/

Цель состоит в том, что при наведении курсора мыши на черный ящик, серый прямоугольник на дне будет FadeIn и когда вы разнюхивать, прямоугольник с FADEOUT , Но если я навешиваю на серый прямоугольник, он исчезает. Я хочу, чтобы он оставался видимым.

Пожалуйста, помогите.

Answer 1

Использования .mouseleave вместо

$(document).ready(function(){ 

    $('#box').mouseenter(function(evt){ 

     $('#rect').fadeIn(300); 

    }); 

    $('#box').mouseleave(function(evt){ 

     $('#rect').fadeOut(300); 

    }); 

}); 

Обновлены JSfiddle http://jsfiddle.net/FdT23/5/

Answer 2

попробовать это demo

Надеется, что это помогает. Вместо этого использовался .hover.