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 ;)