Substituir classe - Jquery - Problema
Oi Pessoal!
Estou com um problema, onde criei uma funçao que troca a classe quando o botao é clicado. Mas nao entendo porque não funciona.
Poderiam me auxilhar na resolução desse problema.
Codigo:
<style type="text/css" media="all">
.inativo background-color: #CCC; width:80px; height:20px; border:none; color:#333; font-family:Verdana, Geneva, sans-serif;
}
.ativo background-color: #666; width:80px; height:20px; border:none; color: #000; font-family:Verdana, Geneva, sans-serif;
}
</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#botao1").click(function () {
ativa($('#botao1'));
desativa($('#botao2'));
});
$("#botao2").click(function () {
ativa($('#botao2'));
desativa($('#botao1'));
});
function ativa(botao){
$(botao).addClass(ativo);
}
function desativa(botao){
$(botao).addClass(inativo);
}
});
</script>
</head>
<body>
<button type="button" id="botao1" class="ativo">Botão 1</button>
<button type="button" id="botao2" class="inativo">Botão 2</button>
</body>Evandro.S Eisinger
Discussão (3)
Carregando comentários...