切换 - 必须点击两次

Question

我有一个代码来显示一个按钮，并点击按钮可以隐藏和显示复选框。现在有一个问题，第一次点击什么都没有发生，按钮上的第二个时钟隐藏了“div字段”。

我能做些什么，已经第一次点击将工作？我怎样才能从一开始就隐藏“div字段”，然后点击它呢？

<p>Click the button to trigger a function.</p> 
      <p class="button" onclick="toggle()">Tennis</p> 
      <div id='divSection'> 
<div class="jrFieldDiv jrLeft"> 
    {jr_tennis_label}: {jr_tennis} 
</div> 


</div> 

<script> 
       function toggle(){ 
        var div = document.getElementById("divSection"); 
        if (div.style.display =='block'){ 
         div.style.display = 'none'; 
         return; 
        } 
        div.style.display ='block'; 
      } 
</script> 

Answer 1

这只是因为在页面的负载你的div不包含显示属性块。 因此声明你的div为：

<div id="divSection" style="display:block">