JS 实现点击页面任意位置隐藏div、span

通过调用下面的 showhidden(“标签ID”) 显示div/span/…等标签内容，可以实现点击页面任意地方再次隐藏该标签内容，而showhidden(“标签ID”,”nohidden”)可保存显示不隐藏。可用于仿下拉框及下拉菜单的实现。

var nowshowdiv="";
function showhidden(div,nohidden){
         if(div!=""){
                   if(document.getElementById(div).style.display==""&&nohidden!="nohidden"){
                            document.getElementById(div).style.display="none";
                            nowshowdiv="";
                   /*当nohidden的值为 nohidden 时，div的状态保持为显示状态*/
                   }else if(nohidden=="nohidden"){
                            nowshowdiv="";
                            setTimeout("nowshowdiv='"+div+"'",500);
                   }else{
                            document.getElementById(div).style.display="";
                            setTimeout("nowshowdiv='"+div+"'",500);
                   }
         }else{
                   if(document.getElementById(nowshowdiv)){
                            document.getElementById(nowshowdiv).style.display="none";
                            nowshowdiv="";
                   }
         }
}
document.onclick=function(){
         showhidden("");
}