Common Tabs

by RWhitbeck

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/smoothness/jquery-ui.css">
<div id="tabs">
    <ul>
        <li><a href="#tab-1">tab 1</a></li>
        <li><a href="#tab-2">tab 2</a></li>
        <li><a href="#tab-3">tab 3</a></li>
    </ul>
    <div id="tab-1">This is tab 1</div>
    <div id="tab-2">This is tab 2</div>
    <div id="tab-3">This is tab 3</div>
</div>

JavaScript

$(function(){
    $("#tabs").tabs();
});