脚本不会响应单击事件

Question

我用javascript实现单击时隐藏一个层（div）,但在第一次加载页面中，第一次脚本不响应，单击第二次时才会响应，请问这是什么原因，怎么解决啊？以下是页面（.aspx）的部分代码：<table><tr>      <td style="background-color: #33ff66;" onclick="hidCondition()">检索条件</td></tr><tr><td>               <div id="Condition"><table><tr> <td style="width: 64px"></td></tr></table></div></td></tr></table>  function hidCondition()  {    if(document.getElementById("Condition").style.display=="block")    {        document.getElementById("Condition").style.display="none";    }    else    {        document.getElementById("Condition").style.display="block";    }  }

Answer 1

将<div id="Condition">根据需要改为：

<div id="Condition" style="display:block"> 或

<div id="Condition" style="display:none">

Answer 2

div id="Condition" style="display:block"> <table><tr> <td style="width: 64px"></td></tr></table></div>