[Resolvido] Erro em animação Jquery

[willwalker 2]

Ao colocar o mouse em cima de Arquivos, há uma animação. Mas não sei o que está acontecendo que ele dá um bug de não abrir mais se o usuário passar o mouse e tirar bem rapido. Esse é o script:

 

<script type="text/javascript">
$(document).ready(function(e) {
var vrf = 0;	
$(".busca_arquivos h1").mouseover(function(e) {
	if(vrf == 0){
		vrf = 1;
		$(".busca_arquivos h1 ul").show(0700, function(){
			vrf = 0;
		});
	}
}).mouseleave(function(e) {
	if(vrf == 0){
		vrf = 1;
		$(".busca_arquivos h1 ul").hide(0700, function(){
			vrf = 0;
		});
	}
});

$(document).bind('click mouseover', function(){
	if(vrf == 0){
		vrf = 1;
		$(".busca_arquivos h1 ul").hide(0700, function(){
			vrf = 0;
		});
	}
});
});
</script>

 

Link do erro: http://www.agdirect.com.br/blog/?p=24

Coloque o mouse em cima de Arquivos.

 

Abraços Walker

[William Bruno 1501]

tente aplicar a função .stop()

 

pois ficar indo e voltando rapido, pode bugar o animate() mesmo.

[willwalker 2]

O stop faz a mesma coisa.

[William Bruno 1501]

cara, não consegui reproduzir o erro.

 

otimiza um pouco o script, trocando:

$(".busca_arquivos h1 ul")

por:

 

$( this ).find("ul")

[willwalker 2]

Que estranho, acho que era algum cache, seila... Não consegui reproduzir o erro quando tu falou tambem O.o...

 

Otimizei desta forma:

 

<script type="text/javascript">


$(document).ready(function(e) {
var vrf = 0;	
$(".busca_arquivos h1").mouseover(function(e) {
	if(vrf == 0){
		vrf = 1;
		$("ul", this).show(0700, function(){
			vrf = 0;
		});
	}
}).mouseleave(function(e) {
	if(vrf == 0){
		vrf = 1;
		$("ul", this).hide(0700, function(){
			vrf = 0;
		});
	}
});

$(document).bind('click', function(){
	if(vrf == 0){
		vrf = 1;
		$(".busca_arquivos h1 ul").hide(0700, function(){
			vrf = 0;
		});
	}
});
});
</script>

 

Abraços