jquery - jQuery 和向左滑动

Question

我有一个名为“changediv”的链接。单击此链接时，我希望一个 div 向左滑出浏览器，同时让一个 div 向左滑入浏览器。

Answer 1

我认为您正在寻找类似的东西；

$('#changediv').click(
function() {
    $('#div1').animate({"width": 0}, "slow");
    $('#div2').animate({"margin-left": 0}, "slow");
});

这是工作演示

或者如果您的身体（或父 div）具有固定宽度，您可以尝试

$('#changediv').click(
function() {
    $('#div1').animate({"width": 0}, "slow");
    $('#div2').animate({"width": 400}, "slow");
}); //I used a width of 400px for testing

这是工作演示

希望这可以帮助..

Answer 2

例如，您可以对此进行测试：

$('.changeDiv').on('click', function() {

  $('#div_one').animate({
     left: -9999
  },1000, function() {
     $('#div_two').animate({
        left: 200
     });
  });

});