a href cambiar de color con efecto fadein

[johannes13]

No se porque no me sale, quiero hacer el efecto hover pero con animacion es decir en forma de fadeIn, e intentado en jquery de estas 2 formas, pero no me sale, me funciona height, width, opacity, pero no me funciona en color ni background-color , ¿alguna idea de porque no me sale? no veo mi error

css:

Código HTML:

#menu ul li a{
  text-decoration:none;
  color:blue;
}

jquery:

Código HTML:

$("#menu ul li a").hover(function(){
   $(this).animate({color: 'white'});

//tambien intente esto

   $(this).css({'color':'blue'}).stop().animate({'color':'white'},'slow');
}

html

Código HTML:

<div id="menu">
<ul>
<li><a href="">menu 1</a></li>
<li><a href="">menu 2</a></li>
<li><a href="">menu 3</a></li>
</ul>
</div> 

Por favor ayuuuuuuda y gracias por la ayuda que me puedan brindar

[caricatos]

Hola:

Digo yo..., porqué a href, que semánticamente es un enlace (aunque a sin el href semánticamente es anclaje), para eso debes pensar en eventos y no enlaces (o el uso de librerías obliga a prescindir de la semántica)...

Saludos

[johannes13]

entonces no se puede hacer de la forma que indico, sho antes usaba otra forma de hacer el menu, pero como era un estandar usar la etiquetas <ul><li><a> a seguir el formato, pero esa no es la pregunta :) sino saber si se puede hacer o no sale con color ni backgorund con un <a> le quite el <a href> para hacerlo solo con <div><ul><li> pero igual no cambia naa :(

[AitorDB]

¿Quieres que al poner el ratón encima del enlace este cambie de color? ¿por qué no lo haces con CSS?

Código CSS:

#Enlace {
     color: blue;
     transition: 0.4s;
     -webkit-transition: 0.4s;
}
 
#Enlace:hover {
     color: white;
}
 

O sino con JQuery

Código Javascript:

$(Elemento).hover(function(){$(this).animate({color: 'red'})}, function(){$(this).animate({color: 'black'})});
 

Más detalles sobre transition: http://www.w3schools.com/css/css3_transitions.asp
PD: Para usar background-color, depende de en que función uses (digo depende porque no estoy seguro de si en todas), debes poner backgroundColor en vez de background-color.
Suerte