Закрытие элемента по клику вне его области, jquery?

а если клик сработает на внутреннем элементе всплывающего окна? Надо перебирать всех родителей и проверять, нет ли там окна, как в моем примере.

@dabich хотя я не могу сделать так, чтобы доказать свою точку зрения )
Зато заметил, что в Вашем примере после закрытия по белому полю первый раз не срабатывает кнопка. Это связано с счетчиком indexClick. jsfiddle.net/iiil/2C96u/4
Наверное можно исправить, но не хочется думать как.

@iiil Чаще всего чем проще решишь задачу, тем лучше она будет работать) Нужно мыслить проще. Во первых в такой задаче можно обойтись без счетчиков. Да и вообще написать в 2-3 раза меньше кода и будет идеально)

@dabich я об этом написал уже. Сказал, что сам бы использовал toggleClass и всю анимацию перевел бы в css3. Но закрытие окна по клику вне окна делается так, как привел я выше. Можете погуглить и Вы найдете много подобных вариаций. В частности Ваш пример без использования счетчика будет выдавать ошибку. Вам все равно придется делать проверку на наличие элементов. Кроме того, повторяю - клик может сработать на внутреннем элементе окна.

@iiil Вот написал без счетчиков

joinLink.click( function(event) {
    join.fadeToggle(700);
    return false;
});

@iiil Как и говорилось в 3 раза меньше кода.

@iiil Хотя даже return false; ни к чему, это не ссылка чтобы отменять действие.

@dabich отличный вариант, только добавьте еще изменение цвета кнопки через тот же toogleClass, например.
Но что касается обработки клика вне окна - пока я остаюсь при своем мнении, что клик может срабатывать на внутреннем элементе, не доходя до родительского. Если я не прав - буду рад ошибиться.

@iiil На счет клика я обычно использую метод jQuery .not() ограничивая от всего, тот на котором не должно скрывать. Но не привел в пример, только потому что не сработал когда редактировал ваш пример. Точно не могу знать почему. Посмотрите подробнее .not() и можно будет легче отслеживать клик по всем элементам кроме указанных.

@dabich ок, спасибо.

Андрей Дабич: в моем примере подскажите пожалуйста, как сделать закрытие меню по клику за его пределами https://jsfiddle.net/nugget_sti/vm7n60u4/ ни как не могу понять, как это реализовтаь. желательно с комментариями по каждой из строк вашего кода