title: hiding tabs from bootstrap
body: <p>I have this 3 tabs defined in my html. I am using tabs from bootstrap.css</p>
  
  <pre><code>  &lt;ul class="nav nav-tabs" id="myTab" style="margin-top: 26px;"&gt;
                      &lt;li&gt;&lt;a href="#product" data-toggle="tab" &gt;Product&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#version" data-toggle="tab"&gt;Version&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#language" data-toggle="tab"&gt;Language&lt;/a&gt;&lt;/li&gt;
  
     &lt;/ul&gt;
  </code></pre>
  
  <p>I am trying to hide tabs on one of click event of button. I can get only last tab to hide like this below</p>
  
  <pre><code>$('#myTab a:last').hide();
  </code></pre>
  
  <p>But i also want to hide second tab called Version but cant hide it. I tried below code</p>
  
  <pre><code>$('#myTab a:second').hide();
  </code></pre>
  
  <p>But doesn't work and gives error as "Uncaught Error: Syntax error, unrecognized expression: unsupported pseudo: second "</p>
  
  <p>How should i go about this? I cant find much information on this link <a href="http://twitter.github.com/bootstrap/javascript.html#tabs" rel="nofollow">here</a></p>