title: How do I hide and show twitter bootstrap tabs?
body: <p>I'm trying to show a hidden tab only when needed.  My current code looks like this:</p>
  
  <pre><code>&lt;ul id="myTab" class="nav nav-tabs"&gt;
      &lt;li class="active"&gt;&lt;a href="#home" data-toggle="tab"&gt;Home&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#data" data-toggle="tab" style="display:none;"&gt;New Tab&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>jquery:</p>
  
  <pre><code>$('#data').load('functions/test_function.php', { method: "example"}, function() {
      $('#data').tab('show'); 
     // $('#data').show();    
  })
  </code></pre>
  
  <p>Any idea what I'm doing wrong?  The tab is never displayed after the code completes.</p>