Question

我创建了与我想要在我的网页上实现的类似的布局。请看这个fiddle。我想通过点击<div class="slide"></div>将<div class="clickMe"></div>向左滑动（切换）到左侧。我见过很多类似的问题，但到目前为止我还没有成功。

修改我的问题可能是误导。我正在寻找像jQuery函数slideUp(), slideDown(), slideToggle()这样的内容，但是内容会向侧面滑动，例如slideLeft()。到目前为止，我发现，没有类似的东西存在。

更新所以我来this。

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;
    }

});

结帐DEMO

滑动（切换）div到一侧

2 个答案: