JQuery 和 <div> 向左滑动

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

最佳答案

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

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

希望这可以帮助..

关于JQuery 和 <div> 向左滑动，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11752413/