Estado "active" menu con 'removeClass' 'addClass'

[pixelado]

Saludos a ver si alguien puede darme una mano, que estoy intentando hacer algo que parece simple pero no se en que fallo, no soy experto con javascrip, pero seguro que es una tonteria. Quiero dar a mi menu el estado "active" he mirado en la web y encontre:

<script type="text/javascript">
$("li").click(function() {
$("li").removeClass(".active" ); // a todo <li> se le quita el estilo
$(this).addClass(".active" ); // se le añade el estilo al clickeado
});
</script>

añado este script y no funciona....este otro si cambia el fondo a magenta:

<!--MENU ACORDEON-->
<script type="text/javascript">
window.addEvent('domready', function(){
var accordion = new Accordion('h2.menusection', 'div.menusection', {
opacity: false,
onActive: function(toggler, element){
toggler.setStyle('color', '#000000'); // el color negro en la tipo no perdura
toggler.setStyle('background', '#FF0044'); // el fondo si
},

onBackground: function(toggler, element){
toggler.setStyle('color', '#000000');
toggler.setStyle('background', '#FFF');
}
}, $('accordion'));
});
</script>

Pero en realidad quiero que cambie unicamente el color de la tipografia, no se por que si funciona con el backgroud y no con la typo. Limpie el codigo lo mas que pude y se puede ver aca:

www.tripiando.co.cc/index_Menuclean.html

sus estilos:

www.tripiando.co.cc/estilos_menuclean.css

si alguien me puede dar una ayuda que llevo mucho tiempo buscado y no soluciono algo que pareciera ser tan simple...





saludos!!

[masterpuppet]

Que tal pixelado,

lo primero no te funciona porque es códig para jQuery y estas utilizando Mootools, con respecto a porque el color no te lo respeta es porque tenes una regla css de mas peso sobre el a, para solucionarlo deberias aplicarle el estilo directamente al a, algo asi:

Código Javascript:

...
onActive: function(toggler, element){
  toggler.getElement('a.link').setStyle('color', '#000'); 
  toggler.setStyle('background', '#FF0044'); 
},
onBackground: function(toggler, element){
  toggler.getElement('a.link').setStyle('color', '#999');
  toggler.setStyle('background', '#FFF');
}
...
 

Saludos.

[caricatos]

Tema movido desde javascript

[pixelado]

Hola masterpuppet Anotate un karma!!!
de verdad se que para el conoce algo resulta facil,
yo es que trabajo con CSS y HTMLs y aveces manipulo otros
codigos para cosas puntuales de una web
con mas o menos suerte.

Ya lo he probado y funciona, muchas gracias por tu pronta respuesta

saludos!