Mein jQuery-Navigationsmenü wird zu schnell angezeigt

Question

Ich habe ein Navigationsmenü. Child ul Runterfahren, wenn der Elternli mit der Maus schwebt. Es gleitet auch nach oben, wenn die Maus austritt. Ich versuche jedoch, mein erstes und zweites Untermenü um 1 Sekunde zu verzögern, bevor es nach oben fährt. Ich möchte, dass das Kind für 1 Sekunde offen bleibt, nachdem die Maus gegangen ist. Aber es gleitet immer noch sofort nach oben. Was fehlt in meinem Code?

Hier ist der Link zu meinem Code. https://jsfiddle.net/naeemrind/ptbzwrzu/

$(document).ready(function(){ 
$("#menu ul li").hover(function(){ 
      $(this).find(".one").stop().slideToggle(400) 
     }); 
    }); 

    $(document).ready(function(){ 
     $("#menu ul ul li").hover(function(){ 
      $(this).find(".two").stop().slideToggle(400) 
     }); 
    }); 

Answer 1

Sie haben keine 'handlerOut' -Funktion für den Schwebe vorgesehen(), so verwendet er die gleiche Funktion sowohl für Hover-in und schweben-out.

https://api.jquery.com/hover/

Ihren Code ändern:

$("#menu ul li").hover(
    function() { 
     $(this).find(".one").stop().slideDown(400) 
    }, 
    function() { 
     $(this).find(".one").delay(1000).slideUp(400) 
    }); 
});