Estou usando o seguinte comando jQuery:
var timer1;
SemConflito("#lp-1").on('mouseover', function(){
clearTimeout(timer1);
timer1 = setTimeout(function(){
SemConflito("#lp-1-hover").stop().slideDown({duration: 400, easing: 'easeInCubic'}); }, 300);
});
O efeito é simples, quando o usuário colocar o mouse sobre a div id "lp-1", uma outra div irá surgir com o efeito "slidedown". O problema é que está travando o efeito. A div vai surgindo e trava no meio, não chega a aparecer completamente. Tem casos (como no Mozilla) que dificilmente a div aparece.
Não sei o que é.. Preciso muito de ajuda.
Observação: Aquele "SemConflito" é uma variável que fiz:
var SemConflito = jQuery.noConflict();
Exemplo funcional: http://jsfiddle.net/vn1b4sck/
Explicando melhor como funciona esse efeito: no site há uma parte onde aparecem 4 divs, lado a lado. Cada div com seu conteúdo próprio. Quando o usuário passar o mouse sobre uma delas, desce uma nova div em cima da atual, com novas informações. Quando o mouse sair, a div desaparece. O problema está quando o usuário passa o mouse na div e vai para a outra, e me parece que nessa transição de movimento, a altura do efeito buga, fazendo com que a div apenas "desça" até a altura que ficou da última vez.
Talvez exista algum jeito mais prático ou até um plugin simples pra isso.