Usar el hover event listener de jQuery para cambiar color de fondo

Que tal, usando el hover event listener de jQuery
quiero cambiar de fondo un <li> linkeable,
cuando hago hover , quiero que cambie de color de fondo y cuando hago mouse out o salgo de la región que se regrese al color original,

tengo este código:


$(document).ready(function(){

$('#uno').hover(function(){

$(this).css('background','#CBDAD7'), function(){$(this).css('background','#3C746B')};

});

});

Color original: #3C746B
Color al hacer mover: #CBDAD7

qué tengo mal en el código???

gracias!

No necesitas JQuery para eso. Lo puedes hacer tranquilamente con CSS:
[code[
#uno {
background-color: #CBDAD7;
}
#uno:hover {
background-color: #3C746B;
}
[/code]

gracias por tu respuesta

una pregunta más, tengo una barra de navegación hecha con puros <li>
por lo que tengo que ponerle un id a cada <li> y después hacer una regla css como la que tú dices para cada uno, sabes si hay alguna forma de hacerlo más rápido, si ponerle una regla a cada <li>???


gracias

Refiriéndose al padre de todos los <li> que, supongo, sera un <ul>. Supongamos que tienes algo como esto:

Código HTML :

<ul class="menu-principal">
<li>Opción 1</li>
<li>Opción 2</li>
<li>Opción 3</li>
</ul>

En el CSS sería

Código :

.menu-principal li {
   background-color: #CBDAD7;
}
.menu-principal li:hover {
   background-color: #3C746B;
}

Literalmente ahí dice: "Todos los elementos <li> que están dentro de los elementos que tienen la clase 'menu-principal'".

Gracias por tu ayuda, solo le agregué a:link y a:hover, quedó así:

.menu-principal li a:link {
background-color: #CBDAD7;
}
.menu-principal li a:hover {
background-color: #3C746B;
}


ojala me puedas echar la mano con mi última pregunta, en el foro,

gracias