jquery - スライド効果で表示と非表示を切り替える

Question

左から 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>

Answer 1

こちらがライブデモです。これはあなたが達成しようとしていることですか？コメントしてください。