Thanks for the reply. Looks a bit like overkill tbh, and I did quickly try it but couldn't make it work.
What I have now is -- $(document).ready(function() { $('.ticker-prev, .ticker-next').hide(); $('#topbar').hover(function() { $('.ticker-prev, .ticker-next').fadeIn(500); }, function() { $('.ticker-prev, .ticker-next').fadeTo(2000, 1).fadeOut(500); }); }); Which when I mouseout delays the fadeout effect by 2 seconds by fooling the already faded in element to fade in some more, ie. do nothing, before fading out. What I'd like to be able to do still though is to cancel the quesue of mousein/out effects, and also if a user mousein then out then in again before the 2 second wait then the mouseout effect in the middle should not run. Hope someone can understand this little problem and help out. Cheers!