Javascript jQuery如何在页面加载时隐藏下拉列表

我为我的投资组合做了一个移动导航。我想在第一次加载时隐藏除顶部以外的所有内容。左边的破碎图像是我的徽标，右边是放下所有东西的快门按钮。这是你的电话号码。我需要在页面加载时隐藏下拉列表

<nav class="nav-main">

        <div class="handle">

        <a href="#" class="logo"><img src="images/logos/navlogo.png" width="40" height="40"></a>

        <img src="images/logos/menu.png" width="40" height="40" class="menu">

        </div>




        <ul>
            <li>
                <a href="#" class="nav-drop">Gallery</a>
                <div class="nav-content">
                    <div class="nav-sub">
                        <ul class="showing">
                            <li><a href="#">Illustrator</a></li>
                            <li><a href="#">Dreamweaver</a></li>
                            <li><a href="#">Premiere</a></li>
                        </ul>                       
                    </div>
                </div>
            </li>

            <li>
                <a href="#" class="nav-item">About</a>
            </li>



            <li>
                <a href="#" class="nav-item">Contact</a>
            </li>
        </ul>

</nav>

更改：

var par = $('p');
$(par).hide();

致：

---

你被困在哪里？您正在jQuery中查找

.hide（）

函数吗？最好的方法是使用css隐藏，并使用jQuery显示。它已经在工作了$（'p'）；------------------------------------>$（'nav main>ul'）；附言：开放代码笔

var par = $('.nav-main > ul');
$(par).hide();

$('document').ready(function(){
  $('ul').hide();
})