0、jQuery(最优)点击切换显示隐藏状态,点击显示隐藏菜单,.click切换
1、jQuery点击显示隐藏(简单)
2、jQuery:点击显示隐藏、横向淡入淡出
3、jQuery 点击显示隐藏CSS – toggleClass() 方法
4、即插即用 点击 下拉菜单 javascript
5、案例:jQuery文本段落展开和折叠效果/点击查看更多、点击隐藏(*)
6、即插即用:JS 点击“显示全部”、点击隐藏/折叠部分区域文字 – 特效代码
都是关于点击显示隐藏的,但都没有明确的分享:click点击隐藏展开后,点击网页其它空白区域自动隐藏功能!
$(function(){$("#admin").on("click",function(e){$(".admin").show(100);$(document).one("click",function(){$(".admin").hide(100);});e.stopPropagation();});$(".admin").on("click",function(e){e.stopPropagation();});});
HTML
<divid="admin">点击图标</div><divclass="admin">展开隐藏区域</div>
此时,点击#admin,即可显示.admin,同时,点击网页其它空白区域,也能自动隐藏掉.admin