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