Have a look at my article
Google Chrome Extension - CodeProject Reputation Watcher[
^]
Under the section "Why use jQuery UI" there is a clear example of using tabs.
<script type="text/javascript">
$(function() {
$("#tabs").tabs();
});
</script>
<div id="tabs" style="height: 400px;">
<ul>
<li><a href="#tabs-1">Reputation Points</a></li>
<li><a href="repgraph.html">Reputation Graph</a></li>
<li><a href="#tabs-3">Options</a></li>
<li><a href="about.html">About</a></li>
</ul>
<div id="tabs-1" style="padding-left: 5px">
</div>
<div id="tabs-3" style="padding-left: 5px">
</div>
</div>