脚本不会响应单击事件

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>&nbsp;<td style="width: 64px"></td></tr></table></div>