Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在jQuery中构建可关闭的面板?_Javascript_Jquery Ui_Google Maps_User Interface - Fatal编程技术网

Javascript 如何在jQuery中构建可关闭的面板?

Javascript 如何在jQuery中构建可关闭的面板?,javascript,jquery-ui,google-maps,user-interface,Javascript,Jquery Ui,Google Maps,User Interface,我正在尝试模拟maps.google.com页面左侧的滑动面板: 页面上有一个类似的面板 我需要面板与页面重叠(这样关闭面板不会导致重新绘制地图),并在页面加载时默认打开 我喜欢这个,但是我看不出如何从左边而不是顶部修改它 谢谢你的建议。在这两页上,你提到的元素都有 position: absolute; 如果要给出相对于其父对象的绝对位置,请将父对象的位置设置为“相对” 如果要将其放置在左侧,只需将其left属性设置为: left: 0; 因此,与链接到的jQuery滑动面板一样,您可以

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

页面上有一个类似的面板

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

我喜欢这个,但是我看不出如何从左边而不是顶部修改它


谢谢你的建议。

在这两页上,你提到的元素都有

position: absolute;
如果要给出相对于其父对象的绝对位置,请将父对象的位置设置为“相对”

如果要将其放置在左侧,只需将其left属性设置为:

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


希望能有所帮助。

谢谢。关于如何使面板左右滑动,而不是上下滑动,您有什么建议吗?或者你能推荐另一个我可以使用的jQuery插件/示例/脚本吗?