jQuery UI Tabs force delay before changing tab on mouseover

Posted by Ben on Stack Overflow See other posts from Stack Overflow or by Ben
Published on 2010-03-22T21:21:59Z Indexed on 2010/03/22 21:31 UTC
Read the original article Hit count: 689

Filed under:
|

Using the jQuery UI Tabs 1.7.2 with jQuery 1.4.2, is there a way to make it so that when you mouseover a tab, there is a delay before the tab switches?

I've been looking into using the hoverIntent plugin to do this, but cannot figure out how it would fit in.

Right now my code looks like:

var tabs = $('.tabs').tabs({
 event: 'mouseover'
});

I've tried playing around with a callback on the show event, but I think I'm doing it wrong or not clear on when the callback happens:

$( ".tabs" ).tabs({
 show: function(event, ui) 
 { 
  setTimeout("FUNCTION_TO_CHANGE_TAB?", 200);
 }
});

Any help would be greatly appreciated.

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about jquery-ui