javascript阻止事件冒泡

场景：点击某个按钮展开一个列表，再次点击按钮列表隐藏，（列表展开时，点击别的地方，列表需要隐藏掉）；

 

实现效果如下：

 

 

 

示例代码如下：

 

$('.batch_operation').click(function(e){
　　$('.batch_list').slideToggle();
　　$(document).one('click',function(){
　　　　$('.batch_list').hide();
　　})
　　e.stopPropagation(); //阻止事件冒泡
})