jQuery UI Tabs Usage Like Twitter About Page

jQuery UI Tabs Usage Like Twitter About Page


I'm trying to use jQuery Tabs for a page that needs to have the links
in a separate div from the content. So, instead of the standard HTML
required for the tabs, it is similar to the HTML below. From what I
can surmise this must be possible somehow because this appears to be
the way that Twitter is using jQuery tabs in their about page which is
very similar to my requirements (www.twitter.com/about). Does anyone
know how to achieve this?
<div id="navigation">
<ul id="tabs">
<li><a href="#a">Content A</a></li>
<li><a href="#b">Content B</a></li>
<li><a href="#etc">Etc</a></li>
</ul>
</div>
<div id="wrapper">
<div id="a">This should be shown when Content A is selected</div>
<div id="b">This should be shown when Content B is selected</div>
<div id="etc">Etc.</div>
</div>
Thanks,
Nathan