@Alex_vs_Predator
Начинающий веб-разработчик

Выпадающее меню — как сделать, чтобы меню изначально было закрыто?

Добрый вечер!
Подскажите, пожалуйста, как мне сделать, чтобы второй уровень менюшки, изначально был закрыт?
Сейчас, по умолчанию, второй уровень открыт

<nav class="hidden_nav_menu nav_list">
				<ul>
					<li>
						<a href="#" class="arrow_hidden open_menu">О нас</a>
						<ul class="dropdown_hidden ">
							<li>
								<a href="#">Генеральный подряд</a>
							</li>
							<li>
								<a href="#">Общестроительные работы</a>
							</li>
							<li>
								<a href="#">Отделочные работы</a>
							</li>
							<li>
								<a href="#">Инжиниринг</a>
							</li>
						</ul>
					</li>
					<li><a href="#">Проекты</a></li>
					<li>
						<a href="#" class="arrow_hidden_sec open_menu">Услуги</a>
						<ul class="dropdown_hidden">
							<li>
								<a href="#">Генеральный подряд</a>
							</li>
							<li>
								<a href="#">Общестроительные работы</a>
							</li>
							<li>
								<a href="#">Отделочные работы</a>
							</li>
							<li>
								<a href="#">Инжиниринг</a>
							</li>
						</ul>
					</li>
					<li><a href="#">Новости</a></li>
					<li><a href="#">Контакты</a></li>
				</ul>
			</nav>


$('.open_menu').click(function (e) {
    e.preventDefault();
    if ($(this).next().css('display')=='block') {
        $(this).next().slideUp();
        $(this).addClass('close-menu');
    }
    else {
        $(this).next().slideDown();
        $(this).removeClass('close-menu');
    }
});
  • Вопрос задан
  • 138 просмотров
Пригласить эксперта
Ответы на вопрос 1
Senbonzakuraa
@Senbonzakuraa
Начинаю начинать
.dropdown {
    display:none;
}
.active {
   display:block;
}

А в жкверри юзай classToggle, присваивай .active при наведении на нужную кнопку
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы