jQuery 滑动左/右内容面板答案

【问题标题】：jQuery Sliding Left/Right Content PanelsjQuery 滑动左/右内容面板
【发布时间】：2012-10-04 16:53:56
【问题描述】：

我正在尝试构建与MediaFire signup page 上类似的效果。当您单击“尝试”按钮时，整个表单 div 的高度会缩小，并且注册表单会从右侧滑入。然后在那个新表单上，您可以单击“返回”以滑回表格显示。

我确信这可以通过包含 jQuery UI 库来完成，但我喜欢只使用常规 jQuery 来完成。我可以遵循任何可靠的解决方案吗？甚至不一定是插件，而是可以在不需要 UI 库的情况下使用 jQuery 的东西。

【问题讨论】：

你可以使用 CSS 和 Jquery(animate) 构建相同的效果。
@bingjie2680 是的，这就是我的想法，绝对没有更好的解决方案。感谢您的快速响应感谢它

标签： jquery forms jquery-animate sliding panels

【解决方案1】：

我开发了这个网站http://www.ladehoffcondominios.com.br/#home，你可以看看ajax.js和gs.page.js的源码。

这有点令人困惑，但想法是使用 animate() 函数更改内容 div 的左/右边距。

如果您看起来不错，我会使用 ajaxComplete() 函数在内容准备好时将其带回。但我不认为是最好的主意。（如果你愿意，我可以解释得更好）

请，如果您尝试更好的方法，请添加评论以帮助我改进我的代码。
谢谢。

【讨论】：