title: How to make a simple tab system without jquery UI
body: <p>I'm trying to make a simple tab system.. but the code only works for the first click and then stops responding.</p>
  <p>I didn't want to go with jquery ui, as the file size is rather hefty.</p>
  <pre><code>$(&quot;#container1&quot;).hide();
  
  
  if ($(&quot;#container1&quot;).is(&quot;:visible&quot;)) {
      $(&quot;#link1&quot;).click(function () {
          $(&quot;#container1&quot;).hide();
          $(&quot;#container2&quot;).show();
      });
  };
  
  if ($(&quot;#container2&quot;).is(&quot;:visible&quot;)) {
      $(&quot;#link2&quot;).click(function () {
          $(&quot;#container1&quot;).show();
          $(&quot;#container2&quot;).hide();
      });
  };
  </code></pre>
  <p>This seams right to a newb like me, Can anyone tell me where i'm going wrong?</p>
  <p>here is a <a href="http://jsfiddle.net/Bundaberg/S8h5v/" rel="nofollow noreferrer">fiddle</a></p>
  <p>thanks</p>