標準の jquery ui tabs を使用しています。以下の私のコンテンツは div です。ただし、タブの 1 つを新しいウィンドウで開く必要があります。
<script>
$(function() {
$( "#tabs" ).tabs();
});
</script>
<div class="demo">
<div id="tabs">
<ul>
<li><a href="#tabs-1">Nunc tincidunt</a></li>
<li><a href="#tabs-2">Proin dolor</a></li>
<li><a href="http://www.google.com" target="_blank">Google</a></li>
</ul>
<div id="tabs-1">
<p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. C </p>
</div>
<div id="tabs-2">
<p>felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.</p>
</div>
<div id="tabs-3">
</div>
</div>
</div><!-- End demo -->