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

变化：

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

为：

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

Answer 2

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

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

2 个答案: