jQuery如何隱藏頁面加載時的下拉菜單

Question

我為自己的投資組合制作了移動導航。 我希望除頂部外的所有東西在首次加載時都被隱藏。 左邊的殘破圖像是我的徽標，右邊的是快門按鈕，可將所有內容放下。 這是codepen 。 我需要在頁面加載時隱藏下拉菜單。

<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>

Answer 1

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

Answer 2

更改：

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

至：

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