JQuery和<div>向左滑动</div>

Question

我有一个名为'changediv'的链接。点击此链接后，我希望一个div从浏览器向左滑出，同时将一个div幻灯片留在浏览器中。

Answer 1

我认为你正在寻找类似的东西;

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

以下是工作 demo

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

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

以下是工作 demo

希望这会有所帮助..

Answer 2

例如，您可以测试一下：

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

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

});