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"的容器为隐藏则显示,否则隐藏