JQuery 和 <div> 向左滑动答案

【问题标题】：JQuery and <div> slide leftJQuery 和 <div> 向左滑动
【发布时间】：2012-07-29 22:41:54
【问题描述】：

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

【问题讨论】：

可能重复：jQuery slide left and show
至少展示一些你尝试过的东西。

【解决方案1】：

例如，你可以测试这个：

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

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

});

【讨论】：

【解决方案2】：

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

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

这是工作 demo

或者如果你的 body（或父 div）的宽度是固定的，你可以试试

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

这是工作 demo

希望这会有所帮助..

【讨论】：