隱藏並顯示幻燈片效果

我想從左側的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

隱藏並顯示幻燈片效果

回答

相關問題