jquery点击显示以及点击空白处隐藏

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
$('.header-topsearch .icon-search').on('click',function(event){
event.stopPropagation();
var thisObj = $(this);
var tag = $(this).siblings('.block-search');
if(tag.is(':hidden')) {
tag.show();
thisObj.hide();
}else{
tag.hide();
thisObj.show();
}
var flag = true;
$(document).bind("click",function(e){
var target = $(e.target);
if(target.closest(tag).length == 0 && flag == true){
tag.hide();
thisObj.show();
flag = false;
}
});
})

 

坚持原创技术分享,您的支持将鼓励我继续创作!