JQuery切换UL在加载时可见

在谷歌搜索了很多次之后，我想到了如何使用Jquery切换。它似乎工作得很好。但是在第一次加载时，“ul”是可见的，如果我单击则隐藏，因此切换似乎可以工作我只是不知道如何在加载时隐藏ul，然后在单击时显示这里是我的代码

jQueryfunction${

$('.cliackable').click(function(){ $(this).find('ul').toggle();});

$('.cliackable').click(function(event) {
    event.stopPropagation();
});

}；//端函数

                    <div id="navigation-prof">

                        <ul class="sf-menu-prof"  >

                            <li style="color:#fff;" class="cliackable">

                              <?php echo get_avatar( $userdata->ID, 35 );?>

                                <ul>
                                        <div style="padding:15px 0px 0px 15px; ">
                                            <div class="left" style="padding-bottom:10px;">
                                                <?php echo get_avatar( $userdata->ID, 75 );?>
                                            </div>
                                            <div class="right" style="align:left">
                                                <a href="" class="login-head-font" style="text-align:left"><?php echo  $userdata->user_firstname .' ' . $userdata->user_lastname ;?></a>
                                            </div>

                                        </div>
                                    <div style="width:100%;">
                                    <li>
                                        <a class="login-head-font" href="http://thecampustree.com/your-profile">Profile</a>
                                    </li>
                                    <li>
                                        <a class="login-head-font" href="http://thecampustree.com/dashboard">Dashboard</a>
                                    </li>
                                    <li>
                                        <a href="<?php echo wp_logout_url( home_url() ); ?>" title="Logout">Logout</a>
                                    </li>   
                                    </div>
                                </ul>
                            </li>
                        </ul>


                    </div>

---

////我是新手////谢谢

您可以在文档就绪事件中隐藏它：

$('.cliackable ul').hide();

或者使用CSS隐藏它：

#navigation-prof .sf-menu-prof li ul {
    display: none;
}

---

谢谢，我想我只是用错了css。我按照某人的建议使用了ul-li-ul。但是你的工作做得很好：thanx，当点击ul以外的任何地方时，我想让ul隐藏另一个查询，基本上谷歌建议的是身体点击之类的

#navigation-prof .sf-menu-prof li ul {
    display: none;
}