Новый контент без перезагрузки внутри кнопки
 

Добрый вечер!

В интернет-магазине на странице товара есть кнопка, открывающая лайтбокс.
Можно ли сделать так, чтобы ссылки открывали новый контент без перезагрузки этого лайтбокса? Я так понимаю, это правильнее всегдо сделать на javascript?
Магазин на opencart.
Заранее спасибо.

<script>
$(document).ready(function(){
$(".inline").colorbox({inline:true, width:"90%"});
});
</script>
<p>	<a class="inline" href="#in1" target="_self"><input class="button" id="button-cart" type="button" value="Кнопка 1" /></a></p>
<p>
	&nbsp;</p>
<div style="display:none">
	<div align="center" id="in1" style="padding:5px; background:#fff;">
		<h1>
			Текст</h1>
		<br />
		Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с ...<br />
		<br />
		Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с ...
		<br />
		Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с ...
		<br />
		Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с ...
    </div>

так как я не очень понял что тебе нужно ...

<div id='main' >
<a class="display" href="#"></a>
<a class="display" href="#"></a>
<a class="display" href="#"></a>
</div>

(function(){
var elem = document.getElementById('main');

  elem.addEventListener('click', fn, false);

function fn (e) {
e.returnValue  = false || e.preventDefault();

e = e.target || e.srcElement;

if(e.className !== 'display') return;

[].forEach.call(e.querySelectorAll('.display'), function(el)
{ 
  el.style.display = 'none';
}

e.style.display = 'block';
}

());

если нужно что то достать с сервера тогда ajax еще .