1

Hi am trying to add hover delay on menu, and I can't use hoverIntent plugin

 $('#topMenu #menu>li').hover(function () {
     $(this).children('#subNav3').show();
     $(this).addClass('linkExtend');

},

function () {
     $(this).children('#subNav3').hide();
    $(this).removeClass('linkExtend');
});

Please find demo

So as per demo if I try to move mouse from menu 2 to menu 2.1

shaktimaan
  • 11,962
  • 2
  • 29
  • 33
  • You've already tried `.delay()`? – Sparky Nov 19 '12 at 19:15
  • Isn't this easier done with a pure CSS menu? Since it is quite critical to the experience, a menu should always work. Relying on Js would be liability in that. Css 3 supports delay I think. http://stackoverflow.com/questions/8566090/delay-hover-in-css3 – Digitalis Nov 19 '12 at 19:15
  • @Digitalis, comments is not the place for this. The OP has a specific question about jQuery and not CSS3. – Sparky Nov 19 '12 at 19:17
  • True that, hence the comment. It's not an answer, its a suggestion. – Digitalis Nov 19 '12 at 19:19

0 Answers0