Создание систем навигации с зависанием, использующих зависимые зависания?

Question

Эй, там команда переполнения стека,

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

Однако теги иногда дизайн сайта не позволяют этого.

Допустим, у вас есть DIV, содержащий ваши основные элементы навигации, а другой ниже, содержащий ваши дочерние меню.

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

$("div.primary-nav").mouseenter(function () {

    clearTimeout($(this).data('timeoutId'));
    $("div.doormat-nav-wrapper").slideDown("slow");

}).mouseleave(function () {

    $("div.doormat-nav-wrapper").mouseenter(function () {
        clearTimeout($(this).data('timeoutId'));
        $("div.doormat-nav-wrapper").slideDown("slow");
    }).mouseleave(function () {
        var someelement = this;
        var timeoutId = setTimeout(function(){ 
        $("div.doormat-nav-wrapper").slideUp("slow");
        $(someelement).data('timeoutId', timeoutId); //set the timeoutId, allowing us to clear this trigger if the mouse comes back over
        });
    });     

});

Логично, что я пытаюсь достичь

Когда пользователь переворачивает div.primary-nav .... показывается div.doormat-nav-wrapper... когда скатывается с первичного nav, div.doormat-nav-wrapper скрывает UNLESS, что сам div.doormat-nav-wrapper завис на.

Любые отзывы или предложения будут с благодарностью. СПАСИБО!

Answer 1

Я считаю, что это то же самое, что я ответил раньше:

jQuery: Mousover в подменю div, которое должно оставаться открытым при наведении мыши