Botón activo de menú con click

[Ito79]

Hola,
El problema es que estás aplicando estilos a los elementos LI mediante jQuery y CSS pero luego en el HTML tienes los IDs aplicados a los elementos <A>.

Lo que aconsejo que hagas:
1. Pon los ID a los elementos LI, por ejemplo:

Código HTML:

<li id="inicio"><a href="#" >Inicio</a></li>
 

2. En el jQuery no tienes que especificar LI, sólo el nombre de la clase, por ejemplo:

Código Javascript:

$('#inicio').click(function(){
                        $('#inicio').removeClass("activa");
                        $(this).addClass("activa");
                        });
 

Con eso te funcionará.

Espero que ayude,
Un saludo

// Ito