Comment charger un div dans un autre

Question

J'ai une page contenant 10 contenus div différents. Basé sur mon bouton cliquez je veux le 11ème div pour charger le contenu ou juste prendre une copie de div 1 à 10. Je veux dire comme sur le bouton 1, il faut charger div 1 et sur le bouton 2 je vais charger div 2 etc. 10 sera caché et le 11ème div sera seul visible. J'ai besoin de cela à cause de ma hiérarchie ci-dessous.

-> Page principale (ayant 10 div)

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

maintenant sur clic sur un bouton comme 1 à 10 ses divs respectifs est censé être chargé de la div dans la page principale. Je voudrais le faire par script java ou jquery. S'il vous plaît laissez-moi savoir toutes les possibilités. Tout type de suggestions ou de solutions est apprécié.

Answer 1

Voulez-vous dire par là?

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

Answer 2

Si vous avez les boutons dans un certain récipient (par exemple un #buttons ul) et les divs dans un autre récipient (disons #panes), vous pouvez le faire:

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

vous pouvez également faire ceci avec les onglets UI http://jqueryui.com/demos/tabs/.