Skip to main content
1 de 2

Hover mediante jquery da problemas al pasar el ratón rápidamente

a ver si me podéis echar una mano. Tengo 3 iconos en una web y he realizado un hover mediante jquery a cada uno. Cada vez que pasas el ratón por el icono aparece un bloque que estaba con un display: none;. El problema que tengo es que si paso rápidamente el ratón sobre estos bloques no se realiza bien la función de salida del hover dejando a la vista más de un bloque lo cual queda fatal.

Este es el código jquery:

 jQuery("#column-icon-left").hover(function(){
    jQuery(".hidden-icon-columns").css("opacity", "0").show();
jQuery("#text-icon-left").fadeIn(1000);
jQuery("#icon-hidden-column-left").fadeTo(1000, 1).css("width", "45%").css("padding", "0 100px");
}, function(){
 jQuery(".hidden-icon-columns").hide().css("opacity", "0").css("width", "33.3%").css("padding", "0px");
});

Esta es la página por si queréis echar un ojo: https://wholesalenosestuds.com/

Son los 3 iconos debajo del top slider

Gracias miles