使用幻灯片效果隐藏和显示

时间:2012-09-08 12:01:48

标签: jquery slide effect

我想从左侧滑入div并将当前向右移动,就像在iOS中前进和后退一样。

我试过这个,但似乎不起作用:

jQuery(".post .order").click(function() {
        jQuery(this).parents(".post-front")
            .hide("slide", { direction: "right" }, 1000);
            .next(".post-back")
            .show("slide", { direction: "left" }, 1000);
    });

标记:

<div class="post">
    <div class="post-front">
        <a href="#" class="next"></a>   
        ...
    </div>
    <div class="post-back">
        <a href="#" class="back"></a>
        ...
    </div>
</div>

1 个答案:

答案 0 :(得分:1)

Here 是一个现场演示。这是你想要实现的吗?请评论。