Mostrar y ocultar capa con jquery

[wolfmoon]

Hola buenas, a ver si me podeis echar una mano.

Tengo este codigo que hace que una capa se haga mas grande al situar el raton sobre ella, y cuando este sale vuelve a su tamaño original.

El tema es que a veces se vuelve loca y repite el ciclo varias veces.... No se si tengo algo mal en el codigo o quizas pueda mejorarse...

Aqui el codigo;

Código PHP:

  <script type="text/javascript"> 
 
$(document).ready(function() { 
    $("div.menu").mouseenter(function(){ 
        $("div.menu").animate({ 
            height: "125px" 
        }) 
    });     
     
    $("div.menu").mouseleave(function(){ 
        $("div.menu").animate({ 
            height: "25px" 
        }) 
    });     
     
}); 
</script>  
  

[kokoou]

Código Javascript:

$(document).ready(function(){ 
    $("div.menu").hover(
        function() { // mouseOver
            $(this).stop().animate({
                height: "125px"
            });
        },
        function() { // mouseOut
            $(this).stop().animate({
                height: "25px"
            });
        }
    );
});
 

[wolfmoon]

Joer, vaya cambio en el efecto.....

Muchisimas gracias kokoou!

[kokoou]

de nada ;)