在鼠标单击时实现显示/隐藏弹出框

Question

我已正确实现了show部分。但是如何在点击页面上的任何内容时实现弹出窗口的隐藏？而且还有一个链接，点击它也会扩展和崩溃。

任何帮助。 感谢。

Answer 1

1. 将事件hanlder附加到popup元素。点击那个停止事件冒泡。

2. 将事件处理程序附加到文档。点击它会隐藏弹出窗口。

sample using jQuery

<强> Updated sample

Answer 2

你为什么不试试呢。

function close() {
   document.getElementById("popupBox").style.display="none";
}

在onclick处理程序中，调用上面的函数。 对于展开和折叠，Mootools提供了非常简单的实现检查。

Answer 3

function switchElement(elementId) {
   if(document.getElementById(elementId).style.display=="")
   {
   document.getElementById(elementId).style.display="none";
   }
   else
   {
   document.getElementById(elementId).style.display="";
   }
}

expand添加到Webbisshh的代码中。