jQuery: Problemas con toggle

[Legoltaz]

Tengo una lista de <a>, y quiero que al pasar el ratón por encima se produzca un efecto con jQuery:

Código JavaScript:

$(document).ready(function(){
$("a").mouseover(function(){
$(this).toggle(
function(){
$(this).animate({"font-size":"20px"},"slow");
},
function(){
$(this).animate({"font-size":"16px"},"slow");
}
);
});
});
 

Sencillamente no ocurre nada y no encuentro el fallo.

[PabloLPastor]

No puedes utilizar guión en el nombre de las propiedades, tienes que poner fontSize en vez de font-size.

[Legoltaz]

Iniciado por PabloLPastor

No puedes utilizar guión en el nombre de las propiedades, tienes que poner fontSize en vez de font-size.

Qué fallo, seguramente sea eso, muchas gracias

[foreverOdd]

Eso no es un problema, si lo especificas como un string puedes del con guiones, es decir, es igual que hagas:

$(this).animate({"font-size":"16px"},"slow");

a esto

$(this).animate({fontSize:"16px"},"slow");

El problema me parece que viene de otra parte; el metodo toggle(func,func) se ejecuta al hacer click en el elemento, por lo tanto, al hacer el mouseover lo que haces es que le asignas al elemento la funcion toggle mas NO se ejecuta..

[foreverOdd]

trata con esto:

Código javascript:

jQuery("a").hover(
 
function(){
jQuery(this).animate({fontSize:"20px"},"2000");
 
},
 
function(){
 
jQuery(this).animate({fontSize:"16px"},"slow");
 
}
 
);