JQuery: Bewegen Sie den Cursor ausgelöst nach einer gewissen Zeit

Question

ich folgendes Problem habe: Ich habe eine h2 bekam, in einem div mit der ID verschachtelt: <div id="hidediv1">.
Ich habe diesen Code

$("#hidediv1").mouseover(function(){ 
    $('#hide1').show(500); 
}); 
$("#hidediv1").mouseleave(function(){ 
    $('#hide1').hide(500); 
}); 

ich es will Sei, dass du für mindestens eine Sekunde über dem Div schweben musst, um es auszulösen. Ich weiß, es gibt einige Fragen zu Stackoverflow, aber ich kann sie nicht auf meinen Code anwenden.
Bitte helfen!
Danke.

Answer 1

Sie können es verzögern mit:

$("#hidediv1").mouseenter(function() { 
    $('#hide1').delay(1000).show(500); 
}).mouseleave(function() { 
    $('#hide1').stop(true).hide(500); 
}); 

stop(true) eine Warteschlange anstehenden Problem vermeiden würde.

BTW, Sie haben in den meisten Fällen besser mouseenter statt mouseover zu verwenden.

Answer 2

$(document).ready(function(){ 
$("#div1").mouseover(function(){ 
    $("#div2").hide(1000); 
}); 
$("#div1").mouseout(function(){ 
    $("#div2").show(1000); 
    }); 
}); 

Try this ..