How to delay a mouseover event. It's really easy. Take a look at the code:
var showDelay = 500; //will be delayed half a second
var showTimer = null;
$('#elementId').live('mouseover', function()
{
if (showTimer)//if there is already such event this cancels the setTimeout()
clearTimeout(showTimer);
showTimer = setTimeout(function() //executes a code some time in the future
{
//you can put here the script that should be delayed
$('#otherElement').css('display', 'block');
}, showDelay);
});
Any comments and other examples would be appreciated!