simple - jquery multi tab

simple - jquery multi tab

<script type="text/javascript">
    jQuery( function($) {
        $('.tabs-block').each( function() {
            var container = $(this);
            container.find('.tab-nav li a').click( function () {
                $(this).parent().addClass( 'selected-tab' ).siblings().removeClass( 'selected-tab' );
                container.find('.tab-content').hide().filter(this.hash).show();
                return false;
            }).eq(0).click();
        });
    });
</script>

<div class="tabs-block">

    <ul class="tab-nav">
      <li><a href="#tab-id-1" title="">Tab 1</a></li>
      <li><a href="#tab-id-2" title="">Tab 2</a></li>
    </ul>

    <div id="tab-id-1" class="tab-content">
      content tab 1
    </div>
    <div id="tab-id-2" class="tab-content">
      content tab 2
    </div>

</div>

<div class="tabs-block">

    <ul class="tab-nav">
      <li><a href="#tab-id-11" title="">Tab 1</a></li>
      <li><a href="#tab-id-21" title="">Tab 2</a></li>
    </ul>

    <div id="tab-id-11" class="tab-content">
      content tab 11
    </div>
    <div id="tab-id-21" class="tab-content">
      content tab 21
    </div>

</div>