隐藏并显示幻灯片效果

我想从左侧的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>

来源

2012-09-08 3zzy

请张贴您的_markup_并指定究竟_doesn't工作_。 – undefined

ohk，刚刚添加 – 3zzy

考虑滑动外部容器元素而不是单个元素。您可以并排布置元素，以便只能看到其中一个元素，然后水平翻转容器以便“滑入”各种元素。 –

Here是现场演示。这是你想要实现的吗？请给出意见。

来源

2012-09-08 13:11:24

隐藏并显示幻灯片效果

回答

相关问题