title: js tabs by table
body: <p>I have js and html code, but this does not work.
  How to get it to work?</p>
  
  <pre><code>&lt;script src="js/jquery.js" type="text/javascript"&gt;&lt;/script&gt; 
  &lt;script type="text/javascript"&gt; 
  $(function () {
      var tabContainers = $('div.tabs &gt; 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();
  });
  &lt;/script&gt;
  
  &lt;div class="tabs"&gt;
      &lt;div class="tabs-nav"&gt;
          &lt;table width="100%"&gt;
              &lt;tr&gt;
                  &lt;td&gt;&lt;a href="#" href="#tab-1"&gt;link-1&lt;/a&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;a href="#" href="#tab-2"&gt;link-2&lt;/a&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;a href="#" href="#tab-3"&gt;link-3&lt;/a&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;a href="#" href="#tab-4"&gt;link-4&lt;/a&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;a href="#" href="#tab-5"&gt;link-5&lt;/a&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;a href="#" href="#tab-6"&gt;link-6&lt;/a&gt;&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
      &lt;/div&gt;
      &lt;div id="tab-1"&gt;
          &lt;p&gt;text text text&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>