Função de mudar as cores dos botões

[rafa Rangel]

Salve, Pessoal!!

Estou montando um site para um cliente(restaurante)e gostaria de saber o seguinte:

No link abaixo, vocês poderão observar que tenho um menu lateral, que tem os links dos pratos do cardápio e esses botões laterais, chamam via innerHTML as páginas relacionadas a eles. Ou seja, eu não criei uma página inteira para cada cardápio, apenas um html com texto que é chamado via innerHTML para uma determinada div no js.

http://www.laplancha.com.br/laplancha/cardapio.html

O problema é que queria uma função que quando eu clicasse no link visitado ele mudasse de cor, mas que quando eu clicasse em um segundo link, o link que eu cliquei anteriormente voltasse a cor normal e esse segundo link, agora clicado, mudasse de cor.

Em outras palavras, todo link clicado nesse menu mudaria da cor 1 para a cor 2 e todos os demais links teriam que estar na cor 1. Quem estará na cor 2 é somente o clicado.

Não sei se consegui ser claro...preciso muito da ajuda de vocês!!

obrigado!

abss

[Marcelo Santos]

Salve Rafa,

É o seguinte, tenta assim:

<script type="text/javascript">
$(document).ready(function(){
     var atual;
     $('.botoes').click(function(){
        atual = $(this);
        $('.botoes').each(function(){
             $(this).removeClass('selecionado');
        });
        
        $(atual).addClass('selecionado');
     });
});
</script>

<ul>
   <li class='botoes selecionado'>Botão 1</li>
   <li class='botoes'>Botão 2</li>
   <li class='botoes'>Botão 3</li>
   <li class='botoes'>Botão 4</li>
   <li class='botoes'>Botão 5</li>
</ul>

Editado Dezembro 10, 2010 por Marcelo Santos

[rafa Rangel]

Grande Marcelo!!

Desculpe a demora..estava viajando...Cara, primeiramente obrigado pela atenção!!

vou testar agora mesmo e dar o feedback!!

abração!