Как сделать возвращение стрелки в исходное положение при клике вне ссылки?

Question

[BigWebWorld]

Привет всем обитателям, только начал познавать jquery, и прошу вашей помощи.

У меня на сайте имеются ссылки в меню, ссылка вызывает выпадающий элемент, к ссылке прикреплена иконка Font Awesome:


При клике по ссылке иконка разворачивается на 180"


Но при клике вне ссылки, выпадающий элемент закрывается а вот иконка остается так же повернута на 180"


вот собственно скрипт:

$('a#dropdownMenuLink').click(function (e) {
e.preventDefault();
$(this).find('span.arrow_down_menu').toggleClass('active');
});

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

Answer 1

[MagicMight]

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

Answer 2

[BigWebWorld]

Странно но как я написал сюда, то в течении нескольких часов нашел решение

Кому интересно:

$('a#dropdownMenuLink').click(function (e) {
e.preventDefault();
$(this).find('span.arrow_down_menu').toggleClass('active');
});
$(document).mouseup(function (e){
$(this).find('span.arrow_down_menu').removeClass('active');
});