Задать вопрос
@nikkon82
javascript

Как сделать выпадание и скрытие меню по клику на jquery?

День добрый!
Как сделать выпадающее меню по клику на jquery? (Показ и скрытие)
В меню есть две категории с подкатегориями.

При нажатии на меню - показ подменю и скрытие (если было открыто - другое подменю)
При нажатии на это же меню (или на другое) - скрытие.

В JS не силен
Сделал так: 
$('.super-menu > li').click(function () {
			$('.menu-wrap', this).css('display','block');
			$('.dr-down-menu-overlay').css('display','block');
		});


Выпадает, но не скрывается, если повторно написать этот же код только с display: none
  • Вопрос задан
  • 1555 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 2
Stalker_RED
@Stalker_RED 
$('.foo').on('click', function(){
  $('.bar').toggleClass('active')
})
Ответ написан
6 комментариев
6 комментариев
iiiBird
@iiiBird
Пока ты спишь - твой конкурент совершенствуется 
$('.super-menu > li').click(function () {
	var parent = $(this).parents('.super-menu');

	if (parent.hasClass('open')) {
		$('.menu-wrap', this).css('display','none');
		$('.dr-down-menu-overlay').css('display','none');
		parent.removeClass('open');
	} else {
		$('.menu-wrap', this).css('display','block');
		$('.dr-down-menu-overlay').css('display','block');
		parent.addClass('open');
	}
});
Ответ написан
7 комментариев
7 комментариев
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Сверстать 3 страницы для WebApp и 1 Web
25 апр. 2024, в 13:36
2000 руб./за проект
Интегрировать в flutter проект storekit external link (ios)
25 апр. 2024, в 13:21
5000 руб./за проект
Реализовать часть интерфейса для образовательных курсов на React
25 апр. 2024, в 13:13
5000 руб./за проект
Ещё заказы