efecto jquery disminuye :/

[Folter]

Hola, tengo esta funcion:

Código:

$(document).ready(function(){
	$("#button").mouseenter(function(){
		$("#menuu").animate({marginBottom: "50"});
		$("#button").click(function(){
			$("#menuu").animate({marginBottom: "0"});
		});
	});
});

El problema es que cada vez que vuelvo a llamar la funcion tarda más en realizarlo, aqui lo podeis probar http://www.folter.es/startpage/index.html, teneis que pasar el cursor encima de la flecha, click en la flecha para ocultar, si repetis esto cinco veces lo notareis.

De hecho tengo este mismo codigo en otra pagina web, donde me funciona a la perfeccion, solo que en vez de ".click", tengo ".leave", y la posicion de los divs es distinta, no creo que esto ultimo sea el problema.

Espero vuestras respuestas, gracias de antemano!

[Folter]

Af! Se me olvido decir algo mas, he probado en poner ".click" en vez de ".mouseenter", pero a la segunda llamada vuelve a ocultarse automaticamente.

Me da lo mismo que problema podeis solucionar, cualquiera me sirve.

Saludos!

[caricatos]

Tema movido desde javascript

[mayid]

Tenes que declarar un evento click dentro de un mouse enter? Para que? A la segunda vez que pases el mouse se va a intentar declarar dos veces!

Ergo, hay un error de logica.

[Folter]

gracias por contestar mayid, pero te equivocas, el mouseenter solamente muestra la barra, no la oculta, lo que hace el click es ocultarla.

[Dany_s]

claro, como dice mayid

separa los eventos porque si haces 3 veces mouseenter estas asignando 3 click en #menu

para ver hace un alert en el evento click


asi funciona bien

Código Javascript:

$("#button").mouseenter(function(){
        $("#menuu").animate({marginBottom: "50"});
    });
 
    $("#button").click(function(){
        $("#menuu").animate({marginBottom: "0"});
    });
 

[Dany_s]

o para ver que pasa hace esto:

Código Javascript:

enter = 0; click = 0;
    $("#button").mouseenter(function(){
        $("#menuu").animate({marginBottom: "50"});
        $('span.enter').html("Enter "+enter++);
        $("#button").click(function(){
            $('span.click').html("Click "+click++);
            $("#menuu").animate({marginBottom: "0"});
        });
    });
 

Código HTML:

<span class="enter"></span><br />
    <span class="click"></span>
 

pasa el mouse 10 veces por el boton sin hacer click, luego hace 1 click... supuestamente deberia mostrar Click 1, pero no, muestra las veces que pasaste por encima jeje porque todas esas veces le asignaste los clicks