Как при наведении открыть див, и закрыть соответственно?

Question

[Артём Цымбалюк]

Здравствуйте. Написал следующий код, который при наведении на ссылку открывает подменю, а как теперь сделать так, что бы когда мышь оказывалась вне самого меню или ссылки оно закрывалось?

$('.dropdown').on('show.bs.dropdown', function (e) {
            $(this).find('.dropdown-menu').first().stop(true, true).slideDown();
        });

        $('.dropdown').on('hide.bs.dropdown', function (e) {
            $(this).find('.dropdown-menu').first().stop(true, true).slideUp();
        });

Оно у меня только открывается по наведению, а закрывается только по щелчку, а мне нужно что бы закрывалось само, когда мышь вне дива или ссылки. Спасибо заранее за помощь

Answer 1

[Dark Hole]

JSFiddle пример

Answer 2

[followthemadhat]

https://api.jquery.com/hover/

Comments

[Артём Цымбалюк]

Безумная Шляпа простите, не получается. Получилось добиться, что бы при наведении на ссылку открылся див, а что бы он потом так же исчез, не получилось. Я в JS новичок, и поэтому пока не сильно понимаю, что к чему

[Dark Hole]

Артём Цымбалюк: может, сначала выучить JS, потом jQuery и не задавать элементарных вопросов?

[Артём Цымбалюк]

Dark Hole спасибо. хороший ответ.

[Dark Hole]

Артём Цымбалюк: сорказм?

[Артём Цымбалюк]

Dark Hole конечно, я учу JS, да я знаю, что нужно выучить сначала JS прежде чем лезть в JQuery, но у меня есть свой сайт, на котором мне нужно реализовать данную функцию, но как мне это сделать, если я сижу на теме циклов по JS ?

[Dark Hole]

Артём Цымбалюк: рановато сайт завели. Но, как вам KnightForce сказал, слушайте mouseenter и mouseleave

[Dark Hole]

Артём Цымбалюк: или hover, как тут сказано...

Answer 3

[KnightForce]

Попробуй обработчики mouseenter и mouseleave.

anton.shevchuk.name/wp-demo/jquery-tutorials-6/mou...