如何在div中打开colorbox

Question

Actually i want to do open color box without popup and it need to be only show hide inside a div. can we target a div to open colorbox content.

<a href='#myGallery' class='group'>click here</a>

<div class=''><!--this must be container of colorbox, and disable popup--> 
    <div id="myGallery"><--some content with photo--></div>
</div>


function _teamPopup(){
   $(".group").colorbox({
     inline:true, 
     rel:'group',
     href:$(this).attr('href'),
     scrolling: false,
     opacity:1,
     width:100+"%",

   });
}

on my web page , there is lot of thumbnails, when i click on it content must display without popup.and it can be next ,prev , close like colorbox group function.

please check below image and you can get some idea.

Answer 1

使用jQuery的切换功能隐藏和显示元素内的内容

Answer 2

Why you want to change colorbox if its purpose is exactly to have a gallery popping up?

If you look around there are widgets more specific for the kind of problem you're having.

Check http://galleria.io/themes/classic/ .

If you still don't like what you can find around why don't you just code the big div to change its image when clicking on a thumbnail?