在文档准备好之前隐藏元素？

Question

我有一个需要默认隐藏的div。然后可以通过按钮切换：

    <script type="text/javascript">
        function toggle() {
            text = document.getElementById('add_view');
            var isHidden = text.style.display == 'none';
            text.style.display = isHidden ? 'block' : 'none';
        }


        $(document).ready
    (

              function () {
                  toggle();
                  $("#add_view, #btnToggle").click(function (e) {
                      e.stopPropagation();
                  });
                  $(document).click(function () {
                      toggle();
                  });
              }
    );


</script>

工作正常。唯一的问题是，当我刷新页面时，我会在隐藏之前暂时看到div。

我该怎么做才能防止这种情况？

由于

Answer 1

您可能需要默认隐藏元素，然后使用按钮切换可见性。试试这个：

<div id="add_view" style="display:none">....</div>

Answer 2

首先在html中隐藏元素。

<div id="add_view" style="display: none;"></div>

Answer 3

最初，您必须通过设置div的style="display:none;"来隐藏它。一旦你想要切换它，你必须将其用作

document.getElementById(Id).style.display=""; 

在javascript中。