Скрывать блок если мышка не наведена не него?

Question

[viktorulyushev]

Есть сайт zee2.codabra.tech пароль/логин codabra/demo.При наведении на пункт Каталог появляется меню,если нажать на Каталог появляется блок,который не исчезает пока не нажать куда нибудь кнопкой,как сделать по аналогии с появляющимся блоком чтобы при клике на "каталог" должно выпадать меню.
Если курсор вышел из зоны меню, выпадайка должны исчезнуть
При клике на nav-catalog ему добавляется класс open,а для класса click-catalog display становится block,т.е нужно сделать просто что когда курсор выходит за пределы click-catalog его display становится none.

Answer 1

[viktorulyushev]

Сделал так

$('.click-catalog').mouseleave(function(){
  $('.click-catalog').stop().slideUp();
  //alert('Курсор мыши вышел из границ элемента "click-catalog');
});

Answer 2

[RomanoFFUA]

при клике на "каталог" должно выпадать меню

нужно гуглить про .onclick() на jquery

При клике на nav-catalog ему добавляется класс open

jquery .addClass(), onlick вы уже умеете

когда курсор выходит за пределы click-catalog его display становится none

здесь понадобится jquery .mouseout() и .css()

Comments

[viktorulyushev]

последний пункт остался,как задать свойство display не пойму?

[Максим Тимофеев]

viktorulyushev: $('#myFuckingDiv').hide();

[viktorulyushev]

Максим Тимофеев: это показать.Я про .mouseout когда уходит курсор за пределы блока задать ему display none

[Максим Тимофеев]

viktorulyushev: hide - это скрыть, это именно оно. А показать это show

[viktorulyushev]

Максим Тимофеев: это при клике,у меня и так все открывается,мне нужно чтобы при клике на Каталог вывелся блок,он выводится,а вот если убрать курсор мыши за пределы этого выведеного блока,этот блок закрывался

[RomanoFFUA]

viktorulyushev: значит вам надо повесить на блок с которого вы убираете мышь .onmouseout(), а там уже использовать .css("display", "none") либо, как подсказали выше .hide(), они идентичны, и hide даже читабельней и удобней, думаю.