JQuery 和 <div> 向左滑动

Question

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

Answer 1

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

$('#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

希望这有帮助..