JQUERY Tabs

jquery_tabs.css

.tabs-wrapper .box {display: none;}
.tabs-wrapper .box.visible {display: block;}

jquery_tabs.html

<div class="tabs-wrapper">
    <ul class="tabs clearfix">
        <li class="current">Tab #1</li>
        <li>Tab #2</li>
    </ul>
    <div class="box visible">Tab #1 Content</div>
    <div class="box">Tab #2 Content</div>
</div>

jquery_tabs.js

$('ul.tabs').each(function() {
    $(this).find('li').each(function(i) {
        $(this).click(function() {
            $(this).addClass('current').siblings().removeClass('current');
            var p = $(this).parents('div.tabs-wrapper');
            p.find('div.box').hide();
            p.find('div.box:eq(' + i + ')').fadeToggle('fast');
        });
    });
});