javascript - 隐藏/显示点击问题的 div

Question

我有一个代码，它应该隐藏并显示任何标签的 div onclick。这有效，但只有当我单击标签两次时它才有效。在我单击它两次后，它会在每次单击时开始显示和隐藏。我该如何解决？

点击

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

Javascript

function ShowDIV(){
if (DIV1.style.display=="none") DIV1.style.display="block";
else DIV1.style.display="none";
}

HTML 分区 CSS

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