javascript - 如何在切换可见性之前隐藏我的 div 加载

Question

我这里有这个 jQuery 代码，我计划用它制作一个菜单，允许用户切换它的可见性。但是，我不确定如何加载隐藏 div 的页面。我试图使其开始隐藏，并且可以通过单击按钮显示，但相反，它开始可见。

我的 jQuery:

$(document).ready(function(){
  $("#nav").click(function(){
    $("#items").toggle();
  });
});

我的 HTML:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="nav"><a href="#"><p>Toggle</p></a></div>
<div id="items"><p>Content</p></div>

Answer 1

CSS:

#nav {
   visibility: hidden; /* if you want the element to occupy space but not be seen */
   display: none; /* if you want the element to not take up space */
}

您还可以执行此内联 HTML <div style="display:none;"></div>

取消隐藏:

$("#nav").show(); // for display: none;
$("#nav").css('visibility', 'visible'); // for visibility : hidden;

并且，一个 Fiddle