单击一个连接，显示隐藏div的内容，单击div以外的空白处隐藏div内容

单击一个连接，显示隐藏div的内容，单击div以外的空白处隐藏div内容，如何实现呢？
单击显示可以了，但是如何隐藏呢？<style>#divs{width:984px; height:174px;margin:0 auto; background:#66CCFF}
<SCRIPT LANGUAGE="JavaScript">
function $(_id){return document.getElementById(_id);}
function showdiv(){$("divs").style.display="block";}</SCRIPT> 
<body>
<a onclick="javascript:showdiv();return false;" href="#">单击此处显div示内容，单击div以外的空白处隐藏div内容</a>
<div id="divs" style="display:none"><iframe src="top.html"  width="984" height="255" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no" allowtransparency="true"></iframe></div>我加上如下代码后，单击就不显示了。
if(window.ActiveXObject){document.attachEvent('onclick',closediv);}else{addEventListener('click',closediv,false)}
function closediv()
{$('divs').style.display="none";}再如果这个显示层里面有几个连接呢？单击这个层的空白处不关闭层，但是单击连接处关闭，并跳转到其他相应页面呢？
不胜感激！！！

解决方案 »

  1.   

    如果使用asp.net，可以把这个div层设为服务器端的层，这样可以设置它的可见性，在cs代码中操作显示和隐藏。
      

  2.   

    document被绑定了onclick事件, 所以每次任意地点i点击都会执行closediv方法. 所以就点不出来了.除了弹出div外的空白处关闭, 有个帖子跟你的问题很像http://topic.csdn.net/u/20100925/14/ed53790d-9cc9-4744-a182-b75165ea59ff.html. 可以看一下打开新连接而不关闭当前页, 用window.open(url, _blank);