在同一个地方显示/隐藏div中的数据？

我有这样的事情目前： current page build 和我正在努力使它更是这样的： enter image description here 在同一个地方显示/隐藏div中的数据？

这不是最困难的部分，我已经基本上得到了有（感谢答案在以前的问题，它看起来像一个窄屏幕/手机和大屏幕，平板电脑第二的第一张图片，等等）

绿色虚线区域将是一个div，你可以看到它下面的两个按钮。我需要的地图隐藏（推到最左边在这种情况下，因为谷歌地图不喜欢有一个隐藏/ 0像素格），我将使用一个Spacetree从TheJIT的报告链。我们已经在使用jQuery，那么当按下下面的按钮时，制作绿色虚线div（我们称之为.movingcontainer）在地图和spacetree之间切换的最佳方式是什么？

我知道这个问题已经被问了很多次，我期待通过一些其他的问题，看看他们是否有类似的情况。

来源

2012-02-03 Rob

如果他们有绝对的显示（顶部：不管;左：无论），你可能只是有2周的div堆叠在彼此的顶部，然后改变自己的z-index把一个在对方的面前，这取决于按下哪个按钮。

编辑

只是为了说明我的第二个评论更好。假设您有<div id="googlemap">和<div id="otherdisplay">。两者都可以包含在<div id="container">之内。然后，CSS可能类似于：

#container { 

} 

#googlemap { 
    position:relative; 
    top:0; 
    left:0; 
    z-index:10; 
    max-width:100%; 
    overflow:hidden; 
} 

#otherdisplay { 
    position:relative; 
    top:0; 
    left:0; 
    z-index:1; 
    max-width:100%; 
    overflow:hidden; 
}

你可以风格你的容器但是你需要移动它，并在它的2周的div应该只是移动与它一起和调整，如果必要的。

来源

2012-02-03 16:06:32 James

我可能会遇到的问题让他们狭窄的屏幕上移动，如果我使用他们的绝对值，我得检查一下。我完全忘记了z-索引。 – Rob 2012-02-03 16:46:11

那么，你可以将这两个div放在相对位置，这样无论它们在哪里都可以移动，并且它们将保持在它的内部。 – James 2012-02-03 18:23:38

是的，我不知道为什么我没有想到这一点。这应该很好！ – Rob 2012-02-03 18:36:23

你肯定隐藏googlemaps格将无法正常工作？

how to deal with google map inside of a hidden div (Updated picture)

根据这个问题/答案，它看起来像你应该能够使用display:none您googlemaps股利。然后，当你需要它时，只需使用jQuery为googlemaps div这个CSS：display:block。

来源

2012-02-03 16:17:59 summea

在同一个地方显示/隐藏div中的数据？

回答

相关问题