如何加載一個div到另一個

Question

我有一個包含10個不同div內容的頁面。基於我的按鈕點擊我想要第11個div加載內容或只是採取div 1到10的副本。我的​​意思是像button1它應加載div 1和按鈕2我將加載div 2等我所有的div 1到10將被隱藏，僅第11個div將可見。

我需要這個，因爲我的下面的層次結構。

- >主頁（具有10格）

->inner div which is loaded by a ajax request.(this has 11th div and buttons) 

立即上樣1〜10其相應的div任何按鈕的點擊是應該從主頁在div加載。我想通過java腳本或jQuery來做到這一點。請讓我知道任何可能性。任何類型的建議或解決方案，表示讚賞。

Answer 1

你的意思是這樣嗎？

$("#mybutton1").click(
    $("#mydiv11").html($("#mydiv1").html()); 
) 

Answer 2

如果你在另一個容器中，容器的一些按鈕（說UL #buttons）和申報單（說#panes），那麼你可以這樣做：

var tabs = $('#buttons li button'); 
var panes = $('#panes').children('div'); 
tabs.click(function() { 
    panes.hide() 
    .eq(tabs.index(this)).show(); 
}); 

你也可以做這與標籤UI http://jqueryui.com/demos/tabs/。