n2tabs

n2tabs is an easily used jQuery plugin designed to make various kinds of HTML into a tab panel. 

Some of the functionality is inspired by stilburo's implementation. The main difference is that n2tabs does not need any markup for the tab elements and has far less bells and whistles.

Include jquery.js, n2tabs.js, and link to n2tabs.css. Initialize using:

    <script type="text/javascript">
// Makes all elements with the class tabContent into a tab panel
// using their title attribute for tab caption
$(document).ready(function(){
$(".tabContent").n2tabs();
});
</script>
    <script type="text/javascript">
// Opens the tab panel selected through url #anchor
$(document).ready(function(){
$(".tabContent").n2tabs(null, location.hash);
});
</script>
    <script type="text/javascript">
// Creates two separate tab groups
$(document).ready(function(){
$(".tabGroup1").n2tabs("t1");
$(".tabGroup2").n2tabs("t2");
});
</script>