Hola muy buenas
Estoy intentando hacer un menu de navegacion, pero no consigo terminarlo del todo como me gustaria. Si alguien pudiera darme alguna pista lo agradeceria
Tengo el menu html
<ul>
<li><a>Buscar</a></li>
<li><a>Empresa</a></li>
<li><a>Remolques nuevos</a></li>
<li><a>Remolques ocasión</a></li>
<li><a>Autos</a></li>
<li><a>Contacto</a></li>
</ul>
Con css le he aplicado un estilo hover para cambiar el color al pasar el raton por encima
a:hover{
color: #fff;
background-color: #A4DE70;
}
Y ahora con jquery lo que queria hacer es que al pinchar en un enlace, este se quede seleccionado, con el color como cuando el hover, y así el usuario sepa en que seccion esta. Este es el codigo que tengo
$('li a').click(function(){
$('li a').css('background-color', '#a6d0ea'); <-- Color de fondo del menu
$(this).css('background-color', '#A4DE70');
});
El problema es que al hacer esto el hover deja de funcionar, el cambio de un link a otro al hacer click si funciona pero una vez que haces click el hover ya no ¿Alguien podria darme alguna pista por favor? Muchas gracias