我想像这个网站一样创建一个类似的滑动面板动画：http: //www.grano.hu/
我在浏览器的左侧有一个固定的垂直侧边栏主导航 div，带有链接，单击时应该从后面滑出一个辅助导航栏，因此它出现在主导航栏旁边。这个辅助导航栏也会有链接，点击后会从后面向右滑出最后一个带有内容的第三个 div（就像上面的网站一样）。
当您单击辅助栏中的不同链接时，内容 div 应该向左滑动，因此它被隐藏，并且紧随其后的是不同的内容 div 向右滑动以替换它。
此外，如果单击来自固定主导航栏的链接，则当前内容 div 应向左滑动，随后辅助导航菜单也立即向左滑动，以便唯一显示的面板是固定主导航菜单。然后应立即向右滑出一个不同的相应辅助导航面板。
我是 jQuery 新手，不了解如何构建它，因此非常感谢您的帮助。
本质上，我希望我的导航面板可以像上面的示例网站一样滑入和滑出，但我希望这些功能能够自动运行，而不是必须单击每个面板右上角的关闭图标来折叠面板。
谢谢您的帮助！