i have a div that is set to reveal when you click a button, and hide when you move the mouse away from the container div. i cant figure out how to set make it hide only after a delay of a second or two. anyone know how i would go about this?
If you add a .animate({opacity: 1.0}, 3000) as the first action after the hover out, then chain the rest of your stuff - it will stay visible for like 3 seconds then remove itself.
It's because the function doTheHide is declared locally (i.e. inside another function). To call it you should specify it as a function pointer instead of a string.
http://charles-harvey.co.uk/examples/hover/
$(document).ready(function() {
$(\"#push\").click(function(){
$(\"#reveal\").slideToggle();
});
$(\"#push\").hover(function(){
// do nothing
}, function(){
$(\"#reveal\").slideUp();
});
});
Ya?
http://www.w3schools.com/HTMLDOM/met_wi ... terval.asp
function doTheHide() {
$(\"#reveal\").slideUp();
}
$(\"#push\").hover(function(){
// do nothing
}, function(){
var int = setInterval(\"doTheHide()\",2000);
});
setTimeout("yourFunction()",2000);
$(document).ready(function() {
function doTheHide() {
$(\"#reveal\").slideUp();
}
$(\"#push\").click(function(){
$(\"#reveal\").slideToggle();
});
$(\"#container\").hover(function(){
// do nothing
}, function(){
setTimeout(\"doTheHide()\",1000);
});
});
setTimeout(doTheHide,1000);