<div id="container"> <!-- common resource which need not be loaded eveytime-->
    <div class="links" data-ref="http://fiddle.jshell.net/webdevem/JfcJp/show/">Page1</div>
    <div class="links" data-ref="http://fiddle.jshell.net/simurai/cgmce/show">Page2</div>
    <div class="links" data-ref="http://fiddle.jshell.net/greypants/msuYF/show">Page3</div>
</div>

<div id="result-section"></div> <!-- dynamic section,new content loaded based on user selection-->

$('#result-section').load(address, function () {
         //.load is a jQuery ajax method to load external page data.
 });