第一次关闭所有子菜单

Question

我正在使用此Jquery代码打开/关闭我的子菜单：

(function() {
    $('#MainMenu > li').click(function(e) {
        e.stopPropagation();
        var $el = $('ul',this);
        $('#MainMenu > li > ul').not($el).slideUp();
        $el.stop(true, true).slideToggle(400);
    });
    $('#MainMenu > li > ul > li').click(function(e) {
        e.stopImmediatePropagation();
    });
})();

<ul class="nav nav-pills nav-stacked nav-arrow" id="MainMenu">
.
.
.

但是第一次（加载页面时），所有子菜单都打开了。 我想要关闭所有子菜单，直到用户点击菜单。

Answer 1

使用以下CSS以保持所有子菜单最初隐藏。

#MainMenu > li > ul {
    display: none;
}

如果你想使用jQuery隐藏，那么在页面加载时使用以下行。

$('#MainMenu > li > ul').hide();