我有這樣的事情目前：
和我正在努力使它更是這樣的：
在同一個地方顯示/隱藏div中的數據？
這不是最困難的部分，我已經基本上得到了有（感謝答案在以前的問題，它看起來像一個窄屏幕/手機和大屏幕，平板電腦第二的第一張圖片，等等）
綠色虛線區域將是一個div，你可以看到它下面的兩個按鈕。我需要的地圖隱藏（推到最左邊在這種情況下，因爲谷歌地圖不喜歡有一個隱藏/ 0像素格），我將使用一個Spacetree從TheJIT的報告鏈。我們已經在使用jQuery，那麼當按下下面的按鈕時，製作綠色虛線div（我們稱之爲.movingcontainer）在地圖和spacetree之間切換的最佳方式是什麼？
我知道這個問題已經被問了很多次，我期待通過一些其他的問題，看看他們是否有類似的情況。
如果他們有絕對的顯示（頂部：不管;左：無論），你可能只是有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應該只是移動與它一起和調整，如果必要的。
你肯定隱藏googlemaps格將無法正常工作？
how to deal with google map inside of a hidden div (Updated picture)
根據這個問題/答案，它看起來像你應該能夠使用display:none您googlemaps股利。然後，當你需要它時，只需使用jQuery爲googlemaps div這個CSS：display:block。
我可能會遇到的問題讓他們狹窄的屏幕上移動，如果我使用他們的絕對值，我得檢查一下。我完全忘記了z-索引。 – Rob 2012-02-03 16:46:11
那麼，你可以將這兩個div放在相對位置，這樣無論它們在哪裏都可以移動，並且它們將保持在它的內部。 – James 2012-02-03 18:23:38
是的，我不知道爲什麼我沒有想到這一點。這應該很好！ – Rob 2012-02-03 18:36:23