javascript - 如何在 jQuery 中构建一个可关闭的面板？

Question

我正在尝试模拟 maps.google.com 页面左侧的滑动面板：

在MapQuest页面上可以找到一个类似的面板。

我需要面板与页面重叠（这样关闭面板不会导致重新绘制地图）并且在页面加载时默认打开。

我喜欢这个滑动的 jQuery 登录面板，但我看不到如何修改它以从左侧而不是顶部工作。

感谢您的任何建议。

Answer 1

在这两页上，你所说的元素都有

position: absolute;

如果要给出相对于其父级的绝对位置，则将父级的位置设置为相对。

如果您想将其定位在左侧，只需将其 left 属性设置为：

left: 0;

因此，就像在您链接到的 jQuery 滑动面板中一样，您可以在不影响页面布局的情况下扩展和收缩面板。

希望有帮助。