滑动div第二次重置它的位置，只有在它移动它后

Question

我有两个按钮，第一个向左滑动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%"> 

现在被点击了“projectslink”按钮时，我如何获得“hometable”从它被第一个按钮滑动到位置滑动，因为发生的事情是，它首先重置表的原来的位置，然后滑动它。

Answer 1

不知道你在问什么，但我想这是因为你改变首先点击合适的位置，然后改变留在other..change右两个，并应工作..

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

Answer 2

试试这个：

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