关闭在第一次

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();