Replacing MouseOver with .hoverIntent

First of all, I apologize ... I already asked this question, but I did not explain it well. I'm having trouble connecting hoverIntent the following JavaScript ... I need to replace the function mouseenterand mouseleavebelow. To be clear, I ask for help because I am not very well versed in JavaScript syntax. The second snapshot of the code below seems to work, but it does nothing and seems completely dead in Internet Explorer.

if (jQuery.browser.msie === true) {
  jQuery('#top_mailing')
    .bind("mouseenter",function(){
      $("#top_mailing_hidden").stop().slideDown('slow');
    })
    .bind("mouseleave",function(){
      $("#top_mailing_hidden").stop().slideUp('slow');
    });
}

I use the following for other browsers, but it doesn’t work in Internet Explorer.

$('#top_mailing').hoverIntent(
  function () {
    $("#top_mailing_hidden").stop().slideDown('slow');
  }, 
  function () {
    $("#top_mailing_hidden").stop().slideUp('slow');
  }
);
+5
source share
1 answer

, .

$('#top_mailing').hoverIntent(... . hoverintent_r5.js custom.js. , IE . , .

, js. .

: ().

:

$('#top_mailing').hoverIntent(
  function () {
    $("#top_mailing_hidden").stop().animate({height:150},'slow');
  }, 
  function () {
    $("#top_mailing_hidden").stop().animate({height:0},'slow');
  }
);

, , , . (0 150 ).

: , top_mailing_hidden clip:auto; overflow:hidden.

hoverIntent, stop(), hoverIntent mouseover.

:

. , , , ( ) , . .

mouseout. , , "" "".

+3

All Articles