Как поместить div, нажав другой div?

Question

У меня есть этот тег div, который содержит диаграмму визуализации Google. Я хочу, чтобы всплыл этот график в всплывающем окне на onclick на диаграмме (div).

Я использую jQuery.

Answer 1

CSS

.model{ 
    display:none; 
    position:absolute; 
    z-index:1000; 
    top:20%; 
    left:20%; 
    padding:10px; 
    border:1px solid #000; 
    width:auto; 
    height:auto; 

} 

Jquery

$(".chartDiv").on("click", function() { 
    var content = $(this).html(); 
    $('.model').show().html(content); 


}); 

HTML

<div class="chartDiv">Chart 1</div> 
<div class="chartDiv">Chart 2</div> 
<div class="model"></div> 

Working demo

Answer 2

Просто возьмите содержимое щелкнутого div и скопируйте его в другой div, который затем правильно разместите.

$(".someChart").on("click", function() { 
    // Fill popup with html 
    $('.popupDiv').html($(this).html()); 
    // now show the popup and possibly position it correctly 
    $('.popupDiv').show(); 
});