關閉在第一次

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