今天一个负责奥数网的朋友问我一个简单的问题,就是点击出现下拉列表,再点击消失(点击空白处也同样消失),如图:
用到了jQuery的取消事件冒泡的方式:event.stopPropagation();
代码如下:
//下拉
function dropDown(moreArea,moreOn){
$(moreArea).click(function(event){
event.stopPropagation();
$(this).toggleClass(moreOn);
});
$(document).click(function(event){
$(moreArea).removeClass(moreOn);
});
}
参照:http://hi.baidu.com/liquorbar/blog/item/59a6d0f3c8232c1eb17ec542.html
