Javascript 在函数上切换类

同一张照片上有两个按钮，一个用于删除，另一个用于顶部照片。当我点击顶部图标时，这个活动的所有元素，我想当我点击顶部图标时，改变所选和先前删除活动类的类

如何在此函数上使用toggleClass

echo "<div class=\"photo-cp\">";
echo "<a id=\"".$data['pid']."\" onclick=\"photo_top(this);\" class=\"top-photo\"></a>\n";
echo "<a id=\"".$data['pid']."\" onclick=\"photo_delete(this);\" class=\"remove-photo rounded\"></a>";
echo "</div>\n";

Jquery

 function photo_top(obj){
   var pid = obj.id;

$.ajax({
    type: "POST",
    url: "jq-photos.php",
  data: { pid: pid },
  dataType: "json",
  beforeSend: function() {
  },
  success: function(obj) {
        if (obj.error == false) {
            $(".top-photo").toggleClass('active').sibling().removeClass('active');
                } else {
            alert("Error!");
        }
    }
});
return false;

---

}

打字错误

sibling（）

应为

sibles（）

是，但所有其他元素都处于活动状态，并具有类顶级照片

 function photo_top(obj){
   var pid = obj.id;

$.ajax({
    type: "POST",
    url: "jq-photos.php",
  data: { pid: pid },
  dataType: "json",
  beforeSend: function() {
  },
  success: function(obj) {
        if (obj.error == false) {
            $(".top-photo").toggleClass('active').sibling().removeClass('active');
                } else {
            alert("Error!");
        }
    }
});
return false;