Как загрузить один div в другой

Question

У меня есть страница с 10 различными содержимым div. Основываясь на моем нажатии кнопки, я хочу, чтобы 11-й div загружал содержимое или просто делал копию div 1 - 10. Я имею в виду, как на button1 он должен загружать div 1, а на button 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) и элементы div в другом контейнере (например, #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/.