jquery - カラーボックスに複数のdivを表示する

Question

画像のdivといいねボタンのdivをカラーボックスに表示しようとしています。画像divといいねボタンdivは両方とも他のページにあります。そして、これらのdivをページとは異なるカラーボックスに配置したいと思います。どうやってやるの ？

Answer 1

$(document).ready(function(){
   $('#somebutton').click(function(){
            $.colorbox.init();
            $('#divwrapper').show();
            $(this).colorbox({

                        inline:true,
                        href:'#divwrapper',
                        onLoad:function(){ 
                          //do something if you want here
                        },
                        onClosed:function(){

                            $('#divwrapper').hide();
                            $.colorbox.remove();
                        }
                    });


   });
//html side

<div id="divwrapper" style="display:none;">
  <div>Your image here</div>
  <div>Your like button here</div>
</div>

});