@gcj

Как правильно организовать выпадающее меню?

Приветствую, взгляните пожалуйста на следующее меню: jsfiddle.net/zzw8ufav/4
Задача:
1. Сделать так, чтобы при клике за пределами выпадающего меню - она закрывалась.
2. Сделать так, чтобы при клике на любые другие пункты меню - открывалась та менюшка, на которую клацаем, а предыдущая теряла активность.
Ну и соответственно, активному пункту должен присваиваться класс active.

Товарищи гуру, помогите с этим нелегким делом, плс) буду безмерно благодарен.
  • Вопрос задан
  • 476 просмотров
Решения вопроса 1
@Wheelie
jsfiddle.net/04uzq2st

Ну как-то так, можно и лучше =)
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
xDireX
@xDireX
И один и второй пример как по мне подойдут только для статического сайта. Советую использовать атрибут data и в нем задавать нужные div\ul, так не нужно будет при добавлении новых пунктов переписывать JS

Вот пример:
codepen.io/anon/pen/eJNRmo
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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