title: Jquery DIV .hide() doesnt work
body: <p>I have 4 DIVs at load i want 3 hidden.. on click (tab links) i want to show the content for that tab..
  and hide the rest.. this is what i have.. its not working =(</p>
  
  <p><a href="http://codepen.io/anon/pen/AafIH" rel="nofollow">http://codepen.io/anon/pen/AafIH</a></p>
  
  <pre><code>&lt;script type='text/javascript' src='http://mimerchant.com/wp-includes/js/jquery/jquery.js'&gt;&lt;/script&gt;
  &lt;div class="tabnav"&gt;
      &lt;ul class="fancyNav"&gt;
          &lt;li id="news"&gt;&lt;a href="#creditcard" id="creditcard_link"&gt;Credit Card Processing&lt;/a&gt; 
          &lt;/li&gt;
          &lt;li id="about"&gt;&lt;a href="#atm" id="atm_link"&gt;ATM Processing&lt;/a&gt;
          &lt;/li&gt;
          &lt;li id="services"&gt;&lt;a href="#giftcard" id="giftcard_link"&gt;Gift Card Program&lt;/a&gt;
          &lt;/li&gt;
          &lt;li id="contact"&gt;&lt;a href="#check" id="check_link"&gt;Check Guarantee&lt;/a&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  &lt;div class="tabcontent"&gt;
      &lt;div id="creditcard"&gt;
          &lt;div id="textbox"&gt;
               &lt;h3&gt;Credit Card Processing&lt;/h3&gt;
  
              &lt;p&gt;Some Text here about what this credit card tab is about&lt;/p&gt;
               &lt;h3&gt;Low Rates&lt;/h3&gt;
  
              &lt;p&gt;About Low Rates&lt;/h3&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div id="atm"&gt;
          &lt;div id="textbox"&gt;
               &lt;h3&gt;ATM Processing&lt;/h3&gt;
  
              &lt;p&gt;Some text here about the ATM services&lt;/p&gt;
               &lt;h3&gt;Another Title&lt;/h3&gt;
  
              &lt;p&gt;Some text&lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div id="giftcard"&gt;
          &lt;div id="textbox"&gt;
               &lt;h3&gt;Gift Card Program&lt;/h3&gt;
  
              &lt;p&gt;Something about gift cards&lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div id="check"&gt;
          &lt;div id="textbox"&gt;
               &lt;h3&gt;Check Guarantee&lt;/h3&gt;
  
              &lt;p&gt;Something About Checks&lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>