网页部分的动态折叠

Question

我刚刚从JavaScript开始，我想实现页面某些部分的动画折叠。

在我的页面顶部，我有一个导航栏，其中包含指向页面所有部分的链接。当我单击其中一个时，我想要发生的是：

1. 当前显示的部分折叠为空。
2. 请求的部分扩展(理想是同时)以填充剩余的空间。
3. 要更改的反映此新选择的URL

我想要第三个，这样如果没有安装JavaScript，它就会优雅地降级，如果有人在一个新的选项卡中打开它，它仍然能工作。

那么，我将如何实现这一点呢？这与JavaScript有关吗？还是我真的需要继续学习PHP？(我知道ASP.NET，但我的服务器上没有它)

Answer 1

这是可行的/可行的。要实现这一点，我可能应该使用Jquery+AJAX。只要重写导航栏中的链接重定向就可以使用AJAX。动画可以使用JQuery或其他库来完成。.load看起来不错。

要更新地址栏，可以使用window.pushState和其他相关方法。记住一些旧版本的IE 别支持pushState，所以最好为它们禁用Javascript。