Question

I have been trying to figure out this hoverintent plugin and its stumping me. Here is what i have:

    var config = {    
     over: $(this).children('.mo_url').css('display','block'), // function = onMouseOver callback (REQUIRED)    
     timeout: 500, // number = milliseconds delay before onMouseOut    
     out: $(this).children('.mo_url').css('display','none') // function = onMouseOut callback (REQUIRED)    
};

    $('.tag').hoverIntent( config )

Im Trying to get a simple tooltip to display after a user highlight a link for a second or 2, to display the url. Is this what i should be using? any help would be much appreciated.

Answer 1

Success! It was the interval I was after. Not the timeout.

var config = { 
 over: function(){$(this).children('.mo_url').css('display','block')},
 interval: 1000,  // number = milliseconds delay before function init.
 timeout: 0, // number = milliseconds delay before onMouseOut    
 out: function(){$(this).children('.mo_url').css('display','none')}    
};