jq实现点击某元素外部实现隐藏，点击该元素显示

jq实现点击某元素外部隐藏，点击该元素显示

实现该功能只需要下面的两个事件配合使用就能完成

$(document).on('click',function(event){
	if(event.target.id!='staffDept'){
	   $("#qryFmDeptList").css("visibility", "hidden");
	}
});

通过event.target来判断元素的来源，上面的例子为当来源不是id为staffDept时，隐藏qryFmDeptList对应的元素

$("#staffDept").click(function () {
    if($("#qryFmDeptList").css("visibility") == 'hidden'){
        $("#qryFmDeptList").css("visibility","visible");
    }else{
        $("#qryFmDeptList").css("visibility","hidden");
    }
});

点击该元素，当id="qryFmDeptList"的容器为隐藏则显示，否则隐藏