jQuery tabs

by Brian von Konsky

HTML

<!-- DIV element as container -->
<div id= "tabs">
     <!-- Links for tabs with labels in an unordered list -->
    <ul>
          <li><a href="#tabs-1"> Label 1 </a></li>
          <li><a href="#tabs-2"> Label 2 </a></li>
          <li><a href="#tabs-3"> Label 3 </a></li>
     </ul>
     <!-- DIV element for each tab -->
     <div id="tabs-1"> Content for Tab 1 goes here </div>
     <div id="tabs-2"> Content for Tab 2 goes here </div>
     <div id="tabs-3"> Content for Tab 3 goes here </div>
</div>

JavaScript

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