JSFiddle - React, Tailwind, and code Playground

HTML

<div id="group-tabs">
	<ul>
		<li><a href="http://w3c.com">w3c</a></li>
		<li><a href="http://salon.com">salon</a></li>
		<li><a href="http://9gag.com">9gag</a></li>
	</ul>
</div>
<div class="tab-content"></div>

CSS

.tab-content { width: 100%; height: 500px; border: 1px solid #d00; }

JavaScript

$('#group-tabs').tabs({
    iframe: true,
    beforeLoad: function(event, ui) {
        $('a').click(function() {
            alert(this.href);
            $(".tab-content").load(this.href);
            return false;
        });
    }
});