當頁面加載時，Bootstrap菜單打開

Question

我在我的網站中實現了Bootstrap下拉菜單，問題是當我加載頁面時，彈出默認的雕像下拉菜單。我正在努力如何在頁面加載爲默認時隱藏此下拉菜單。

這裏的HTML結構：

<a href="#" class="dropdown-toggle" data-toggle="dropdown">Sign in</a> 
<div class="login_window dropdown-menu"> 
    ... 
</div> 

所以，當我加載頁面，顯示該窗口。當我點擊某處時，就隱藏起來了。當我點擊它時，會再次顯示。沒關係。

但我想在加載頁面時隱藏窗口。如何實現這一目標？

感謝

Answer 1

在默認的CSS添加display:none你要隱藏的類...然後在jQuery的做

$("body").click(function(){ 
    $('.divclass').css('display','block'); /*or $('.divclass').toggle() */ 
}) 

Answer 2

我的猜測是，你有你的HTML錯誤的結構。你看過bootstrap的例子嗎？ http://getbootstrap.com/components/#dropdowns

您需要有一個永遠不會隱藏的clickable元素（button，div，span - whatever）。當您單擊該元素時，它將動畫顯示兄弟元素或子元素的可見性以顯示菜單項。嘗試使用示例中的代碼，並簡單地用您的菜單項替換<li>值。這應該有助於你理解所需的形式。

沒有必要自行切換可視性。