Javascript 如何使用Jquery AJAX单击功能更改颜色

大家好，我有一个关于点击改变颜色的问题

我正在尝试制作一个类似facebook的“喜欢与不喜欢”按钮

所以我创建了这个函数：

//Like and Unlike
$('.commentlike').click(function() 
{
  var ID = $(this).attr("id");
  var sid=ID.split("clike"); 
  var New_ID=sid[1];
  var REL = $(this).attr("rel");
  var URL=$.base_url+'like_post.php';
  var dataString = 'com_id=' + New_ID +'&rel='+ REL;
  $.ajax(
  {
    type: "POST",
    url: URL,
    data: dataString,
    cache: false,
    success: function(html)
    {
      if(REL=='Like')
      {
        $('#'+ID).html('Unlike').attr('rel', 'Unlike').attr('title', 'Unlike');
        $("#count_container"+New_ID).fadeIn('slow');
        $(".comment_count"+New_ID).html(html);
      }
      else
      {
        $('#'+ID).attr('rel', 'Like').attr('title', 'Like').html('Like');
        if(html>0)
        {
          $(".comment_count"+New_ID).html(html);    
        }
        else
        {
          $("#count_container"+New_ID).fadeOut('slow'); 
        }
      }
    }
  });

这是巴顿 类似按钮：

<div class="icon-begen-yorum commentlike icon-thumbs-up" id="clike'.$com_id.'" title="Like" rel="Like"></div>

<div class="icon-begenilen-yorum commentlike icon-thumbs-up" id="clike'.$com_id.'"title="Unlike" rel="Unlike"></div>

与按钮颜色不同：

.icon-begen-yorum{margin:0;margin-right:5px;padding-top:7px;height:23px;width:23px;color:#919bb2 !important;overflow:hidden;float:left;font-size:15px;cursor:pointer;}

.icon-begenilen-yorum{margin:0;margin-right:5px;padding-top:7px;height:23px;width:23px;color:#d95e40 !important;overflow:hidden;float:left;font-size:15px;cursor:pointer;}

---

现在我想在这里做什么。当用户单击“喜欢”按钮时，会自动将颜色更改为“不喜欢”颜色。然后，若用户再次单击“不象按钮”，则按钮颜色将自动更改为“象按钮颜色”

您可以通过创建一个“活动”类并使用

toggleClass（）

在

上来回切换来完成此操作。单击（）。只需确保您的toggle类是在button类下声明的，否则它不会覆盖更改：

JS

$(".btn").click(function(){
   $(this).toggleClass("active");    
});

.btn{
    width: 200px;
    height: 100px;
    background: red;
    cursor: pointer

}

.active{
    background: green;
}

CSS

$(".btn").click(function(){
   $(this).toggleClass("active");    
});

.btn{
    width: 200px;
    height: 100px;
    background: red;
    cursor: pointer

}

.active{
    background: green;
}

亲爱的朋友，你能帮我提一个问题吗？