如何加载一个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/。