title: How to hide an element when certain tabs is shown
body: <p>I am using Twitter Bootstrap, and had successfully implemented the tabs. I have a button that should display on all the tabs except for one, any idea how should I do that?</p>
  
  <pre><code>&lt;div class="span6 offset1"&gt; 
    &lt;div class="tabbable"&gt;
      &lt;ul class="nav nav-tabs"&gt;
        &lt;li class="active"&gt;&lt;a href="#general" data-toggle="tab"&gt;General&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#example2" data-toggle="tab"&gt;Example2&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#example3" data-toggle="tab"&gt;Example3&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  
      &lt;div class="tab-content"&gt;
        &lt;div id="general" class="tab-pane fade in active" &gt;
         //content
        &lt;/div&gt;
        &lt;div id="example2" class="tab-pane fade" &gt;
         //content
        &lt;/div&gt;
        &lt;div id="example3" class="tab-pane fade" &gt;
         //content
        &lt;/div&gt;
      &lt;/div&gt;
   &lt;/div&gt; 
   &lt;input type="submit" style="width:120px" class='btn btn-primary' id="update" value="Update"/&gt; 
  &lt;/div&gt;
  </code></pre>
  
  <p>How do I program it such that when tab <em>example3</em> is shown, the update button will be hidden, but still remains on page when tab <em>general</em> and <em>example2</em> is shown.</p>
  
  <p>Thanks!  </p>