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

Question

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

MapQuest页面上有类似的面板。

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

我喜欢这个sliding jQuery login panel，但我无法看到如何将其修改为从左侧而不是顶部起作用。

感谢您的任何建议。

Answer 1

在这两个页面上，您所说的元素都有

position: absolute;

如果您想提供与其父级相关的绝对位置，请将父级的位置设置为相对位置。

如果您想将其置于左侧，只需将其左侧属性设置为：

left: 0;

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

希望有所帮助。