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

Question

我已经正确地实现了显示部分。但是如何在页面上点击任何东西来实现弹出窗口的隐藏？此外还有一个链接，点击链接也会扩展和崩溃。

任何帮助。 谢谢。

Answer 1

1. 附加一个事件hanlder到弹出元素。点击该停止事件冒泡。

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的代码中。