在点击问题上隐藏/显示div

Question

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

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 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;
}