title: tab menu's using jquery
body: <p>Am trying to create tab menus without using jquery tab plugins. and i created <code>tabheader</code> class as tab menu.while clicking its child <code>&lt;a&gt;</code> the class <code>tabed_contents</code> showed i try to achive using the <code>id</code> of <code>tabed_contents</code>in tab menu's anchor tag's href like this markup.</p>
  
  <pre><code>&lt;ul class="tabheader"&gt;
  
  &lt;li class="active" &gt;&lt;a href="#fragment-1"&gt;&lt;span&gt;FAQs&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  
  &lt;/ul&gt;
  
  &lt;div id="fragment-1" class="tabed_contents"&gt;
  aasd
  
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/Vivekranth/69z5B/2/" rel="nofollow">my fiddle</a>
  I got the href value and make the resepected id to show form hide.Am completely Struck ed after that..help me out</p>
  
  <p>my jq</p>
  
  <pre><code> $('.tabs &gt; ul.tabheader &gt; li &gt; a').on('click', function() {
  
    var href = $(this).attr('href');
      $(href).show();
  })
  </code></pre>