Jquery 第二次滑动div将重置它'；s的位置，然后再移动它

我有两个按钮，第一个按钮向左滑动一个div，第二个按钮向右滑动同一个div，至少应该是

 $('#homelink').click(function() {
  $('#hometable').animate({
    right: '-=500px'
  }, 500, function() {
  });
});
$('#projectslink').click(function() {
  $('#hometable').animate({
    left:'+=100%'
  }, 500, function() {
  });
});

<table id="hometable" style="position:relative; top:10%">

$（'#homelink'）。单击（函数（）{
$（“#hometable”）。设置动画({
右：'-=500px'
}，500，函数（）{
});
});
$（“#项目链接”）。单击（函数（）{
$（“#hometable”）。设置动画({
左：'+=100%'
}，500，函数（）{
});
});

---

现在，当单击“projectslink”按钮时，我如何使“hometable”从第一个按钮滑动到的位置滑动，因为发生的是，它首先重置表格的原始位置，然后滑动它

我不确定你要的是什么，但我想那是因为你在第一次点击时改变了右边的位置，然后在另一次点击时改变了左边的位置..两个都改变了右边，这应该行得通

$('#homelink').click(function() {
  $('#hometable').animate({
    right: '-=500px'
  }, 500, function() {
  });
});
$('#projectslink').click(function() {
 $('#hometable').animate({
   right:'+=500px'
 }, 500, function() {
});
});

---

我不确定你想要什么，但我想那是因为你在第一次点击时改变了右边的位置，然后在另一次点击时改变了左边的位置

$('#homelink').click(function() {
  $('#hometable').animate({
    right: '-=500px'
  }, 500, function() {
  });
});
$('#projectslink').click(function() {
 $('#hometable').animate({
   right:'+=500px'
 }, 500, function() {
});
});

试试这个：

$('#projectslink').click(function () {
    $('#hometable').animate({
        left: '+=100%',
        right: '+=500px'
    }, 500, function () {});
});

试试这个：

$('#projectslink').click(function () {
    $('#hometable').animate({
        left: '+=100%',
        right: '+=500px'
    }, 500, function () {});
});

---

是的，我想这是因为它现在起作用了，而且我不认为我应该使用百分比。。。谢谢：）是的，我想是这样，因为现在它工作了，而且我不认为我应该使用百分比。。。谢谢：）