Question

我有一个显示按钮的代码，只需单击按钮，就可以隐藏和显示复选框。现在的问题是，第一次点击没有任何反应，按钮上的第二个时钟隐藏了“div字段”。

我可以做的第一次点击是否有效？如何从开头隐藏“div field”并点击它？

<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不包含display属性中的块。所以宣告你的div为：

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

切换 - 必须单击两次

1 个答案: