Cambio del color de fuente con jQuery

[madman_18]

Hola a todos!

Estoy haciendo un menú el cual le animo el fondo con el siguiente código:

Código Javascript:

<script type="text/javascript">
            $(document).ready(function(){
                $(".menu ul li").hover(function(){                 
                    $(this).animate({backgroundColor:"#FFF"});
                }, function(){
                    $(this).animate({backgroundColor:"#B5BE23"});
                }) ;
            });            
        </script>
 

Que se ejecuta en esta parte de mi página:

Código HTML:

<nav class="menu">
                    <ul>
                        <li><a href="">Opcion 1</a></li>
                        <li><a href="">Opcion 1</a></li>
                        <li><a href="">Opcion 1</a></li>
                        <li><a href="">Opcion 1</a></li>
                    </ul>
                </nav>
 

Pero tengo un problemilla....cuando me ejecute ese código, necesito que el color del enlace que tengo en el menú se me vuelva de otro color, pero no sé cómo hacer para que me modifique el color de la fuente del enlace que corresponde el <li> que me están seleccionando.

Un saludo y gracias!

[pzin]

Hazlo con CSS:

Código CSS:

nav.menu li a {
  color: black;
  transition: color .5s;
}
 
nav.menu li:hover a {
  color: khaki;
}
 

Y lo del color de fondo también podrías hacerlo usando CSS. Si mal no recuerdo, con jQuery no se podía animar los cambios de color, hacía falta algún plug-in. Me suena, creo, me parece...

Pero aunque se pueda, no veo razón alguna para hacerlo con JavaScript y no con CSS.

[madman_18]

Iniciado por pzin

Hazlo con CSS:

Código CSS:

nav.menu li a {
  color: black;
  transition: color .5s;
}
 
nav.menu li:hover a {
  color: khaki;
}
 

Y lo del color de fondo también podrías hacerlo usando CSS. Si mal no recuerdo, con jQuery no se podía animar los cambios de color, hacía falta algún plug-in. Me suena, creo, me parece...

Pero aunque se pueda, no veo razón alguna para hacerlo con JavaScript y no con CSS.

La verdad es que no había caido en el css

Y por ahora, hasta que alguien me oriente un poco más sobre el animar un poco la transición de un background a otro, estoy usando el .animate de jQuery...así al menos no hace el cambio tan "de golpe" y se ve un poco más suavizado :D