javascript/JQ变更CSS样式要怎么弄？我需要点击的时候改变，再次点击又变回原样

Question

$(".more_button").click(function(){
$(".more_button").css("background","red")
});
如果我要再次点击的时候变成蓝色，又返回原样 要怎么弄？就是那种点一次红色 再点蓝色一直重复

Answer 1

$(".more_button").toggle(
  function(){
  $(".more_button").css("background","red");},
  function(){
  $(".more_button").css("background","blue");}
);

Answer 2

.red {
    background-color: red;
}
.blue {
    background-color: blue;
}

<a class="morebuton blue">More...</a>

$('.morebutton').click(function(){
    $(this).toggleClass('red');
});

添加默认红色样式，点击的时候，添加或者去掉蓝色样式就可以了。

追问

没效果啊 大神

追答

哦。。 

这里少写了个t

<a class="morebutton blue">More...</a>

另外，声明的时候，要显示的原始颜色类声明在前面，要后面添加的类写到后面，也就是 .red 和.blue 的样式顺序改变一下。

追问

还是没用呀，，无效