Javascript 如何打开另一个网页在网站上点击锚与幻灯片效果，而不是直接加载页面？

我试图通过点击锚链接在我的网站上打开一个新页面，但我不想直接加载整个页面，而是希望它从侧面滑动新页面，就像我们在移动应用程序中经常看到的那样

我确实尝试过在堆栈中搜索相关代码，以及其他代码。但到目前为止我得到的是

<a id="add" href="https://www.google.com" class="show_hide">Click</a>

<script type="javascript">$(document).ready(function () {
        $('.show_hide').click(function (e) {
            e.preventDefault(); //to prevent default action of link tag
            $(this).slideToggle(1000);
        });
 });
 </script>

$（文档）.ready（函数（）{
$（'.show_hide'）。单击（函数（e）{
e、 preventDefault（）；//防止链接标记的默认操作
$（此）.slideToggle（1000）；
});
});

在上面的代码中，我试着引导我不去哪里，并像往常一样打开页面，我希望内容在加载时像android应用程序一样从侧面滑动

---

谢谢你们的帮助。抱歉，如果我的解释或问题听起来有点含糊。

您可以在IFRAME中打开网站，然后从侧面滑动IFRAME

例如

<iframe id="myiframe" />
<script>
myiframe.src='http://www.thewebsite'
myiframe.css({position:'absolute',top:0,left:800})
myiframe.animate({left:0})
</script>

myiframe.src='1〕http://www.thewebsite'
css（{position:'absolute'，top:0，left:800}）
myiframe.animate（{left:0}）

重定向到新页面时不能执行此操作。将卸载当前DOM，并在其位置绘制新DOM。要做到这一点，您需要将页面体系结构完全更改为SPA（单页面应用程序），这不是一项简单的任务。然后，您将能够通过AJAX加载内容，并根据需要将其动画化到页面中