JS事件：点击除A元素以外的元素，隐藏A元素

点击A元素 B元素显示或隐藏，点击 除A以外的其他元素则隐藏B元素

$('.A').click(function(e){
        e.stopPropagation();
        $('.B').toggle();
});
$(document).click(function(){
        $('.B').hide();
});

解释：

e.stopPropagation()  //停止该元素的其他事件触发

http://www.w3school.com.cn/htmldom/event_stoppropagation.asp