jQuery show/hide меню после клика

[WhatIsHTML]

Задание: По клику на ссылку появляется меню. По клику в любом другом месте кроме, области меню, оно должно "прятаться".

 

Меню появляется, но не "прячется". В поиске наткнулся на такой метод как not(), но реализовать все равно не смог.

Возможно не через него надо делать(?). Помогите, пожалуйста.

//#button-project - ссылка, по клику которой, появляется меню.//.menu-projects - меню.$(document).ready(function(){            $("#button-project").click(function(){                $(".menu-projects").show();            });            $("not(.menu-projects)").click(function(){                $(".menu-projects").hide();            });        });

[Нарек]

Как вариант

[parliament]

там же вроде toggle() и fadeIn() есть. Нет?

[abrahadabra]

не, всё не так.

$("#button-project").click(function(e){    e.stopPropagation();    $(".menu-projects").show();});$('body').click(function(){    $(".menu-projects").hide();});

[WhatIsHTML]

там же вроде toggle() и fadeIn() есть. Нет?

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

 

 

не, всё не так.

$("#button-project").click(function(e){    e.stopPropagation();    $(".menu-projects").show();});$('body').click(function(){    $(".menu-projects").hide();});

Спасибо, но меню прячется даже если кликнуть на нем, что не очень хорошо... У меня проблема с составлением селектора, который отвечал бы условию : любая область кроме меню (.menu-projects). Вроде должно работать с таким селектором 'body:not(.menu-projects)', но увы...

[parliament]

а такой селектор $("[class!=menu-projects]")

[Torawhite]

 

Задание: По клику на ссылку появляется меню. По клику в любом другом месте кроме, области меню, оно должно "прятаться".

 

Меню появляется, но не "прячется". В поиске наткнулся на такой метод как not(), но реализовать все равно не смог.

Возможно не через него надо делать(?). Помогите, пожалуйста.

//#button-project - ссылка, по клику которой, появляется меню.//.menu-projects - меню.$(document).ready(function(){            $("#button-project").click(function(){                $(".menu-projects").show();            });            $("not(.menu-projects)").click(function(){                $(".menu-projects").hide();            });        });

$(document).on('click', function (event){var drop = $('.menu-projects');if (!drop.is(event.target) && drop.has(event.target).length === 0 ){$('.menu-projects').hide();}});

[abrahadabra]

меню прячется даже если кликнуть на нем, что не очень хорошо

почитайте про stopPropagation()

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

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

[WhatIsHTML]

Спасибо еще раз всем, кто потратил время.