问按表列出的js选项卡

EN

<script src="js/jquery.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(function () {
    var tabContainers = $('div.tabs > div');
    tabContainers.hide().filter(':first').show();

    $('div.tabs div.tabs-nav a').click(function () {
        tabContainers.hide();
        tabContainers.filter(this.hash).show();
        $('div.tabs div.tabs-nav a').removeClass('selected');
        $(this).addClass('selected');
        return false;
    }).filter(':first').click();
});
</script>

<div class="tabs">
    <div class="tabs-nav">
        <table width="100%">
            <tr>
                <td><a href="#" href="#tab-1">link-1</a></td>
                <td><a href="#" href="#tab-2">link-2</a></td>
                <td><a href="#" href="#tab-3">link-3</a></td>
                <td><a href="#" href="#tab-4">link-4</a></td>
                <td><a href="#" href="#tab-5">link-5</a></td>
                <td><a href="#" href="#tab-6">link-6</a></td>
            </tr>
        </table>
    </div>
    <div id="tab-1">
        <p>text text text</p>
    </div>
</div>