можно короче
<style type="text/css">
.test1 {
color: #f00;
}
.test2 {
color: #0f0;
}
</style>
<div class="test1">Кнопка</div>
<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$('.test1').click(function () {
$(this).toggleClass('test1 test2');
});
</script>