JQuery исчезают проблемы на размытие

Question

У меня проблема с JQuery и следующей разметкой.

                <div id="ParentContainer">
                    <div class="main">
                        <div class="sub1"></div>
                        <div class="sub2">
                            text
                        </div>

                    </div>
                </div>

Мне нужно, чтобы ParentContainer исчезал, когда курсор наводится на ссылку (вне этой разметки).это работает, но мне нужно использовать метод fadeout, когда курсор перемещается за пределы элемента ParentContainer.Это возможно?

Большое спасибо,

Answer 1

Это возможно?

Да, это так!

$('#ParentContainer').bind('mouseleave', function(){
    $(this).fadeOut('fast');
});

Ссылка: mouseleave

Answer 2

Попробуйте:

$('#ParentContainer').mouseleave(function(){
    $(this).fadeOut('slow');
});