title: Javascript hide/show tabs using JQuery
body: <p>I have a quick question of how I can use jQuery tabs (you click on link button to display/hide certain divs). The div id matches the href of the link:</p>
  
  <p>HTML links:
      </p>
  
  <pre><code>&lt;table class='layout tabs'&gt;
  &lt;tr&gt;
    &lt;td&gt;&lt;a href="#site"&gt;Site&lt;/a&gt;&lt;/td&gt;
    &lt;td&gt;&lt;a href="#siteno"&gt;Number&lt;/a&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;&lt;a href="#student"&gt;Student&lt;/a&gt;&lt;/td&gt;
  
    &lt;td&gt;&lt;a href="#school"&gt;School&lt;/a&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>div that needs to display/hide:</p>
  
  <pre><code>&lt;div id="site"&gt;
    &lt;table class='explore'&gt;
      &lt;thead class='ui-widget-header'&gt;
        &lt;tr&gt;
          &lt;th class=' sortable'&gt;
            Site
          &lt;/th&gt;
  
          &lt;th class=' sortable'&gt;
            Number
          &lt;/th&gt;
          &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>