title: What is the best unobtrusive and lightweight jquery solution to make tab?
body: <p>Which is the best unobtrusive and lightweight jquery solution to make tab? Although Jquery similar to jquery ui. jquery ui tab is good but it's overkill fro for just tab. we will have to add jquery ui core.js, jquery ui tab.js then a little code snippet.</p>
  
  <p>I need lightweight solution. using this type HTML. and <strong>jquery</strong> code should be in <strong>no.conflict</strong> mode.</p>
  
  <pre><code>&lt;ul&gt;
          &lt;li&gt;&lt;a href="#example-1"&gt;example 1&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#example-2"&gt;example 2&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#example-3"&gt;example 3&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
      &lt;div id="tabs-1"&gt;
          &lt;p&gt;
              tab 1 content&lt;/p&gt;
      &lt;/div&gt;
      &lt;div id="tabs-2"&gt;
          &lt;p&gt;
              tab 2 content&lt;/p&gt;
      &lt;/div&gt;
      &lt;div id="tabs-3"&gt;
          &lt;p&gt;
              tab 3 content&lt;/p&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>tabs content should be accessible if js is disabled.</p>