Как настроить многоуровневое меню?

Question

[weranda]

Сразу пример на CodePen.
Уже несколько часов сижу и не пойму как сделать элементарную вещь — корректно настроить работу многоуровневого меню. Наверняка вам знаком скрипт для jQuery AmazonMenu. Так вот, все подключил, но сделать так, чтобы исчезали вложенные пункты меню когда курсор мыши не наведен на меню не получается. Вложенность в примере — три уровня (может быть и больше).


На скриншоте видно как при наведении курсора открываются вложенные пункты.

Чего не могу настроить:

1. Если открыть любые вложенные пункты и убрать с меню курсор, то меню останется открытым, а надо закрыть.
   
2. Если открыть все уровни одного меню, а затем перевести курсор на какой-нибудт другой пункт меню, а затем снова на ранее открытый, то откроются сразу все уровни вложенности, а надо только один — дочерний.
   

Уже мозг закипает, столько всего перепробовал...
Что и как прописать, чтобы все это дело нормально заработало? Подскажите пожалуйста.

Answer 1

[0xD34F]

Добавьте обработчик exitMenu:

$menu.menuAim({
  activate: activateSubmenu,
  deactivate: deactivateSubmenu,
  exitMenu: deactivateSubmenu,
});

В конец метода deactivateSubmenu добавьте return true.

Comments

[weranda]

0xD34F Кажись оно самое. Потестирую.
Благодарю вас за помощь, выручили!
Делал то же самое за исключением return true и ничего не выходило. Может быть в догонку разъясните почему в том месте нужен возврат результата функции?

[0xD34F]

weranda, потому что при вызове exitMenu проверяется, что эта функция вернула, если true - тогда вызывается deactivate. Можете сами взглянуть - строка 125.

[weranda]

0xD34F, комментарии как всегда не читаю:)

// If exitMenu is supplied and returns true, deactivate the
// currently active row on menu exit.