JQuery为同一元素设置滑动过渡动画

Question

我有针对多个页面使用相同元素的淘汰应用。有些页面看起来几乎相同，可能使用相同的模板。

<section 
    data-bind="template: { name: templateName, afterRender: animatePageChange }">
</section>

animatePageChange: function() { 
        $('#content').hide(); 
        $('#content').show("slide", { direction: "right" },500); 
}

现在我想让用户知道他何时更改了网页，例如旧页面向左滑动，新幻灯片向右滑动。

如果我只有一个元素和旧内容以及新内容，我该怎么做幻灯片？有插件吗？

考虑到过渡的方向，加上会很好：当用户回到历史时。

Answer 1

您是否考虑过使用jQuery.clone（）复制元素？