Как определить клик за пределами элемента на jQuery?

Можно назначить обработчик события клика на весь документ: в нём мы спрячем наше меню. Но есть один важный нюанс: наше меню ведь тоже является частью документа, поэтому если мы кликнём по нём, то сработает этот общий обработчик события. Чтобы этого не произошло, зададим отдельное событие клика для нашего меню, в котором используем функцию event.stopPropagation() для его отмены:

jQuery(''html'').click(function() {
// Здесь выполняем скрытие (свёртование нашего меню)
jQuery(''#menucontainer'').html(''Меню свёрнуто.'');
});
jQuery(''#menucontainer'').click(function(event){
// Отменим общее событие клика
event.stopPropagation();
// Откроем (развернём) наше меню
jQuery(this).html(''Меню открыто.<br />В нём есть некие дочерние элементы.<br />Кликните вне этого меню, чтобы свернуть его.'');
});
Пример