Javascript 单击时隐藏/显示div问题

我有一个代码，它应该隐藏并显示任何标记的div onclick。这是有效的，但是，它只在我点击标签两次时有效。在我点击它两次之后，每次点击它都会显示和隐藏。我该如何解决这个问题

Onclick

<span style="cursor:pointer;" onClick="ShowDIV();"><img src="pictures/view.png" /></span>

HTML Div CSS

div.popup
{
display:none;
background-image:url('pictures/opacitycover.png');
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:2;
}

---

第一组的代码在哪里？我敢打赌，当您第一次初始化

ShowDIV（）

时，

DIV1.style.display==“none”

为false，因此它会将显示设置为“none”。您可以显示定义DIV1的html吗？您应该通过添加和删除类来为div设置不同的css标志，而不是设置属性。首先设置.show类，然后单击，如果类是.show，则删除类并添加.hideyou实际上并不需要它…它只是一个完美工作的divWow…老实说，如果定义了css，我不确定它为什么会这样做。你能把它作为答案，这样我就可以把它算作答案了吗？

div.popup
{
display:none;
background-image:url('pictures/opacitycover.png');
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:2;
}