javascript - クリックの問題でdivを非表示/表示する

Question

タグの div onclick を非表示および表示するコードがあります。これは機能しますが、タグを 2 回クリックした場合にのみ機能します。2回クリックすると、クリックするたびに表示と非表示が開始されます。これを修正するにはどうすればよいですか?

オンクリック

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