奇怪的问题？刚进页面第一次是javascript onclick 为什么必须点两下才能触发事件啊！

<div  class="leftfont3" style="margin-left:7px; margin-top:3px; cursor:pointer" ><span onclick="javascript:show_hidd('xuanze');">切换学校</span></div>
下面的层是隐藏的，用show_hidd把下面的层显示出来
<div id="xuanze" >
<form action="e_ziyuan_connent.asp" target="ziyuan" method="post">
<ul style="list-style:none; ">
<li>&nbsp;&nbsp;&nbsp;&nbsp; 省：<%=read_sheng()%></li> <li style="float:left">&nbsp;大学：</li><li id="ceshi" style="float:left"><select style="width:140px"><option value="">学校不限</option></select></li><li style="float:left;width:60px; margin-left:10px"><input name="ok" type="submit" value="切换"/></li><li style="float:left; width:60px"><input name="quxiao" type="button" value="取消" onclick="show_hidd('xuanze');"/></li></ul></form>
</div>//==================显示与隐藏某一个层
function show_hidd(div){
if (document.getElementById(div).style.display=='none'){
document.getElementById(div).style.display='block';
}
else{
document.getElementById(div).style.display='none';
}

}