Baseado no seu Fiddle, fiz outro.
O .click
é um evento que deve monitorar os botões por class
pra ser eficiente. Ou seja, defini a class
para todos os seus botões e retirei a div
de fora, que não tinha utilidade no exemplo.
O código ficou assim:
$(".botoes").click(function() {
$(".botoes").removeClass('botaoativo');
$(this).addClass('botaoativo');
});
Ou seja, para cada classe .botoes
, monitora-se o comportameno .click
. Ao clicar, remove de todos os botões a classe botaoativo
(que deixa o botão amarelo), e adiciona-se botaoativo
apenas no botão clicado (onde uso o this
).