Hover Intend not working

Question

I'm not that good with js. How do I get this to work with hoverIntent?

$(document).ready(function () {
    $('#nav > li > a').hover(function(){
        if ($(this).attr('class') != 'active'){
            $('#nav li ul').slideUp(800);
            $(this).next().slideToggle(800);
            $('#nav li a').removeClass('active');
            $(this).addClass('active');
        }
    });
    return false;
});

I have try searching around, but just not too sure how to do it. It's basically working now with hover. but how do I add in .hoverIntent into the code.

This is the Fiddle.

I can't just change .hover to .hoverIntent right?

Can you upload the same example in jsFiddle. – ankur140290 Oct 19 '12 at 11:12 — ankur140290, Oct 19 '12 at 11:12
Hi, here;s the jsfiddle http://jsfiddle.net/leslie20/Fmu8Y/ – Leslie Oct 19 '12 at 11:24 — Leslie, Oct 19 '12 at 11:24

score 3 · Accepted Answer · edited May 23 '17 at 12:18

3

For hoverIntend, see jQuery plugin: http://cherne.net/brian/resources/jquery.hoverIntent.html (You just have to download the minified version and import it to your application: http://cherne.net/brian/resources/jquery.hoverIntent.minified.js).

Here the jsFiddle: http://jsfiddle.net/Fmu8Y/1/

Also a helpful link: Delay jquery hover event?

$(document).ready(function () {
  $('#nav > li > a').hoverIntent(function(){
    if (!$(this).hasClass('active')){
      $('#nav li ul').slideUp(800);
      $(this).next().slideToggle(800);
      $('#nav li a').removeClass('active');
      $(this).addClass('active');
   }
 }, function() {
  if ($(this).hasClass('active')){
      $(this).next().slideUp(800);
      $(this).removeClass('active');
    }  
  });
  return false;
});

edited May 23 '17 at 12:18

Community

1
1

answered Oct 19 '12 at 11:14

santedicola

88
6

Sorry, my code is already working. But i need it to add in the hoverIntend function. Thanks for helping!! – Leslie Oct 19 '12 at 11:39
Yes, when I saw your code it was already too late. =) The code above was just an example. – santedicola Oct 19 '12 at 11:42
Thanks santedicola! But any idea how to add the hoverIntent function? – Leslie Oct 19 '12 at 11:44
Sorry, now I get it. Have you tried this jQuery plugIn? http://cherne.net/brian/resources/jquery.hoverIntent.html – santedicola Oct 19 '12 at 11:48
I've updated the answer, now using hoverIntent. See the jsFiddle. Hope it helps. – santedicola Oct 19 '12 at 12:58
Hi Santedicola, there's a bit of error in your code. I managed to solved it thou. Thanks for your help!! http://jsfiddle.net/leslie20/Fmu8Y/2/ – Leslie Oct 19 '12 at 16:42
Sorry, how do I add in the var config to control the sensitive? – Leslie Oct 31 '12 at 16:25

Hover Intend not working

1 Answers1