Причуды меню Jquery

Question

Извините, название не является более конкретным. У меня есть небольшие проблемы с меню jquery, которое я кодировал. Это можно увидеть на wlmtest.info

Это главное меню. У меня проблема в следующем.

Если навести курсор на кнопку меню вверху, меню выпадает вниз. Теперь двигайте мышь ВВЕРХ, не наводите курсор на фактическое выпадающее меню. Падение меню продолжает отображаться, даже если мышь покинула меню.

Единственный способ избавиться от выпадающего меню - навести курсор на выпадающее меню и затем убрать с него мышь.

Мой код выглядит следующим образом

jQuery("ul.lmenutabs li").mouseenter(function() 
{
    jQuery("ul.lmenutabs li").removeClass("active"); //Remove any "active" class
    jQuery(this).addClass("active"); //Add "active" class to selected tab
    jQuery(".lmenutab_content").hide(); //Hide all tab content

    var activeTab = jQuery(this).find("a").attr("href"); //Find the href attribute     value to identify the active tab + content
    jQuery(activeTab).fadeIn(); //Fade in the active ID content
    jQuery(".lmenutab_container").fadeIn()
    return false;
});

jQuery(".lmenutab_container").mouseleave(function() {
    jQuery(".lmenutab_content").hide(); //Hide all content
    jQuery(".lmenutab_container").hide(); //Hide all content
    jQuery("ul.lmenutabs li").removeClass("active");
    return false;
});

Как вы можете видеть, у меня есть указатель мыши, чтобы отобразить раскрывающийся список. А затем наведите курсор мыши, чтобы при наведении указателя мыши на раскрывающийся список и его выходе скрытый элемент раскрытия скрывался.

Как я могу получить его, чтобы раскрывающийся список скрывался, когда вы также оставляете кнопки меню вверху? Без исчезновения выпадающего меню, когда вы покидаете кнопку, чтобы навести курсор на выпадающее меню.

Извините, если это звучит странно, я попытаюсь объяснить, если понадоблюсь.

Любая помощь очень ценится.

Answer 1

Вы ожидаете событие mouseleave () в самом меню, но если мышь никогда не входит в меню, событие отпускания мыши никогда не запускается.

Добавьте событие mouseenter в заголовок, чтобы скрытьmenu и действие onClick () на самой странице, чтобы убедиться, что пользователь всегда может избавиться от вашего меню, щелкнув за его пределами.