Minimal setup for Tabs

by duclet

HTML

<link rel="stylesheet" href="http://static.flowplayer.org/tools/css/tabs.css">
<script src="https://github.com/jquerytools/jquerytools/raw/dev/src/tabs/tabs.js"></script>
<!-- the tabs -->
<ul class="tabs">
    <li><a href="#">Tab 1</a></li>
    <li><a href="#">Tab 2</a></li>
    <li><a href="#">Tab 3</a></li>
</ul>

<!-- tab "panes" -->
<div class="panes">
    <div>First tab content. Tab contents are called "panes"</div>
    <div>Second tab content</div>
    <div>Third tab content</div>
</div>

JavaScript

// setup ul.tabs to work as tabs for each div directly under div.panes
$("ul.tabs").tabs("div.panes > div");