title: Bootstrap toggleable tabs without having tab links
body: <p>Is there a way to do the following</p>
  
  <pre><code>&lt;!-- Nav tabs --&gt;
  &lt;ul class="nav nav-tabs" role="tablist"&gt;
    &lt;li class="active"&gt;&lt;a href="#home" role="tab" data-toggle="tab"&gt;Home&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#profile" role="tab" data-toggle="tab"&gt;Profile&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#messages" role="tab" data-toggle="tab"&gt;Messages&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#settings" role="tab" data-toggle="tab"&gt;Settings&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;!-- Tab panes --&gt;
  &lt;div class="tab-content"&gt;
    &lt;div class="tab-pane active" id="home"&gt;...&lt;/div&gt;
    &lt;div class="tab-pane" id="profile"&gt;...&lt;/div&gt;
    &lt;div class="tab-pane" id="messages"&gt;...&lt;/div&gt;
    &lt;div class="tab-pane" id="settings"&gt;...&lt;/div&gt;
    &lt;div class="tab-pane" id='extra'&gt; .... &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>so there is another tab pane called <code>#extra</code>, but I don't want it to have a link as a tab, but I do want it to be toggleable by some other event</p>
  
  <p>as bootstrap tabs.js works from trigger a <code>tab('show')</code> on a link and not on the pane itself, how do I trigger a tab pane without working on a tab?</p>
  
  <p>note: I aware that the basic operation it does it doing a show() and hide() on the tab pane, but I feel that doing all this manually inhibits me from using callbacks, etc</p>