Меню Bootstrap открыто, когда страница загружена

Question

Я внедрил на свой сайт выпадающее меню Bootstrap, и проблема в том, что когда я загружаю страницу, тогда по умолчанию выпадающее меню выставляется всплывающее меню. Я борюсь с тем, как это раскрывающееся меню скрыто, когда страница загружается по умолчанию.

Вот HTML структура:

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

Так что, когда я загрузить страницу, отображается окно. Когда я нажимаю где-то, то скрывается. Когда я нажму на него, он снова отобразится. Ничего страшного.

Но я пытаюсь скрыть окно при загрузке страницы. Как это сделать?

Благодаря

Answer 1

добавить display:none по умолчанию в CSS для класса, который вы хотите скрыть ... то в JQuery сделать

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

Answer 2

Я предполагаю, что у вас есть структура вашего HTML неправильно. Вы посмотрели пример на бутстрап? http://getbootstrap.com/components/#dropdowns

Вам необходимо иметь элемент, который можно щелкнуть (кнопка, div, span - безотносительно), которая никогда не скрыта. Когда вы нажимаете на этот элемент, он оживляет видимость дочернего элемента или дочернего элемента, чтобы отображать пункты меню. Попробуйте использовать код из образца и просто замените значения <li> вашими пунктами меню. Это должно помочь вам понять требуемую форму.

Нет необходимости самостоятельно выбирать видимость.