Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
 
Рейтинг 5.00/4: Рейтинг темы: голосов - 4, средняя оценка - 5.00
0 / 0 / 0
Регистрация: 24.07.2015
Сообщений: 61
1

Выпадающее меню сайта. Как показать / скрыть?

06.05.2016, 13:35. Просмотров 690. Ответов 1
Метки нет (Все метки)


Всем здравствуйте!

Делаю меню, которое появляется при клике на ссылку. Для его появления в обработчике клика пишу, например

Javascript
1
2
$(".drop-menu").css("opacity","1");
$(".drop-menu").css("visibility","visible");
И вот хочу сделать, что если меню открыто, и кликнуть не по нему, по любому другому месту на сайте, то чтобы меню исчезло.

Но я не могу придумать, к какому элементу и обработчику это событие прицепить, для того чтобы меню спрятать.

Логично прицепить обработчик ко всему телу сайте, по событию клика, например
HTML5
1
<body onclick="hide-main-menu()">
Но в таком случае это будет мешать первому обработчику, так как второй сразу же вызовется после первого и спрячет меню.

Подскажите, пожалуйста, что можно придумать?
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
06.05.2016, 13:35
Ответы с готовыми решениями:

Выпадающее меню: показать и скрыть при клике.
Всем доброго времени суток. Есть кусок кода, который при наведении вызывает плавно выпадающее меню...

Выпадающее меню, показать наличие подпунктов
народ сделал меню для сайта третий уровень которого скрытый и выпадает при наведение курсора. код...

Показать/скрыть меню
Здравствуйте. Я работаю над интернет магазином http://s535835494.online.de/, в нём есть верхнее...

Показать/скрыть меню при клике вне его области
&lt;button type=&quot;button&quot; id=&quot;toggle&quot;&gt;Меню&lt;/button&gt; &lt;ul class=&quot;nav&quot; id=&quot;nav&quot;&gt; ...

1
117 / 117 / 87
Регистрация: 24.02.2014
Сообщений: 404
06.05.2016, 15:45 2
Цитата Сообщение от George Sirin Посмотреть сообщение
Подскажите, пожалуйста, что можно придумать?
При клике по меню показывать так же прозрачный блок размером на весь экран, который находится над всеми элементами, но под меню. Обработчик повесить на этот блок. Например:

HTML5
1
<div class="overflow" onclick="hide-main-menu()"></div>
CSS
1
2
3
4
5
6
7
8
9
10
div.overflow {
  background-color: black;  /* а можно и не прозрачный, а как бы затемнять страничку */
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0; /* если затемнять, то поиграться с этим параметром */
  z-index: 999; /* подбираем значение так, чтобы было над всеми элементами, но под меню */
}
1
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
06.05.2016, 15:45

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь или здесь.

Выпадающее меню (скрыть подпункты смог, а как раскрыть?)
помогите разобраться и написать правильный код ... Есть выпадающее меню http://systema-tv.com/,...

Как создать через меню выпадающее окошко (в таблице) со ссылкой на следующую страницу сайта
Добрый день. Не разбираюсь особо в HTML (сайт-визитка мое первое творение http://beads-works.od.ua...

При нажатии на пункт меню скрыть его, и показать другой пункт меню
Прошу помощи, как можно допустим при нажатии на пункт меню, его скрыть, и показать другой пункт...

Скрыть/показать подменю при выборе пункта меню
Подскажите пожалуйста как сделать так чтобы раздел меню сворачивался и разворачивался при нажатии...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.