将 div 滑动(切换)到一侧

Question

我已经创建了与我试图在我的网页上实现的布局类似的布局。请看这把小提琴。我想通过单击<div class="slide"></div>向左滑动（切换）<div class="clickMe"></div>。我见过很多类似的问题，但到目前为止我还没有成功。

编辑。我的问题可能具有误导性。我正在寻找类似 jQuery 函数的东西slideUp(), slideDown(), slideToggle()但内容会横向滑动，例如 slideLeft() .到目前为止，我发现不存在这样的东西。

更新所以我来到了这里。

Answer 1

将其添加到.slide { }

position: relative;

Answer 2

我建议您设置保持状态的全局变量，以便能够再次显示.slide，如下所示：

state = true;
$('.clickMe').click(function(){
    if (state){    
    $( ".slide" ).animate({ "left": "-=500px" }, "slow" );
        state = false;
    }
    else{
        $( ".slide" ).animate({ "left": "" }, "slow" );
        state = true;
    }
});

查看此演示