title: Twitter Bootstrap Tabs - Not Hiding Content from Each Tab on Click
body: <p>The tabs load but on click of the unactive tab it loads that content and still has the content from the other tab. All content from other tabs is loaded on click of that tab. </p>
  
  <p>Link to HTML: <a href="http://stl-sportszone.com/taco/" rel="nofollow">http://stl-sportszone.com/taco/</a></p>
  
  <p>HTML - Loading default BS nav-tabs.</p>
  
  <pre><code>&lt;div  class="row"&gt;
      &lt;div class="span4"&gt;
        &lt;h2&gt;Your Brands&lt;/h2&gt;
      &lt;/div&gt;
      &lt;div class="span12"&gt;
          &lt;ul  class="nav nav-tabs"&gt;
            &lt;li class="active"&gt;&lt;a href="#pane1" data-toggle="tab"&gt;Sewing&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#pane2" data-toggle="tab"&gt;Vacs&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#pane3" data-toggle="tab"&gt;Commerical&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#pane4" data-toggle="tab"&gt;Fans&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
          &lt;div class="tab-content"&gt;
              &lt;div class="tab-pane active" id="pane1"&gt;
                &lt;div class="row"&gt;
                  &lt;div class="span3"&gt;&lt;img src="http://placehold.it/200x145" alt="" class="pull-left img-polaroid"/&gt;&lt;/div&gt;
                  &lt;div class="span3"&gt;&lt;img src="http://placehold.it/200x145" alt="" class="pull-left img-polaroid"/&gt;&lt;/div&gt;
                  &lt;div class="span3"&gt;&lt;img src="http://placehold.it/200x145" alt="" class="pull-left img-polaroid"/&gt;&lt;/div&gt;
                  &lt;div class="span3"&gt;&lt;img src="http://placehold.it/200x145" alt="" class="pull-left img-polaroid"/&gt;&lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="spacer10"&gt;&lt;/div&gt;
                &lt;div class="row"&gt;
                  &lt;div class="span3"&gt;&lt;img src="http://placehold.it/200x145" alt="" class="pull-left img-polaroid"/&gt;&lt;/div&gt;
                  &lt;div class="span3"&gt;&lt;img src="http://placehold.it/200x145" alt="" class="pull-left img-polaroid"/&gt;&lt;/div&gt;
                  &lt;div class="span3"&gt;&lt;img src="http://placehold.it/200x145" alt="" class="pull-left img-polaroid"/&gt;&lt;/div&gt;
                  &lt;div class="span3"&gt;&lt;img src="http://placehold.it/200x145" alt="" class="pull-left img-polaroid"/&gt;&lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="tab-content"&gt;
              &lt;div class="tab-pane" id="pane2"&gt;
                &lt;div class="row"&gt;
                  &lt;div class="span3"&gt;&lt;img src="http://placehold.it/200x145" alt="" class="pull-left img-polaroid"/&gt;&lt;/div&gt;
                  &lt;div class="span3"&gt;&lt;img src="http://placehold.it/200x145" alt="" class="pull-left img-polaroid"/&gt;&lt;/div&gt;
                  &lt;div class="span3"&gt;&lt;img src="http://placehold.it/200x145" alt="" class="pull-left img-polaroid"/&gt;&lt;/div&gt;
                  &lt;div class="span3"&gt;&lt;img src="http://placehold.it/200x145" alt="" class="pull-left img-polaroid"/&gt;&lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="tab-content"&gt;
              &lt;div class="tab-pane" id="pane3"&gt;
                &lt;div class="row"&gt;
                  &lt;div class="span3"&gt;&lt;img src="http://placehold.it/200x145" alt="" class="pull-left img-polaroid"/&gt;&lt;/div&gt;
                  &lt;div class="span3"&gt;&lt;img src="http://placehold.it/200x145" alt="" class="pull-left img-polaroid"/&gt;&lt;/div&gt;
                  &lt;div class="span3"&gt;&lt;img src="http://placehold.it/200x145" alt="" class="pull-left img-polaroid"/&gt;&lt;/div&gt;
                  &lt;div class="span3"&gt;&lt;img src="http://placehold.it/200x145" alt="" class="pull-left img-polaroid"/&gt;&lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="tab-content"&gt;
              &lt;div class="tab-pane" id="pane4"&gt;
                &lt;div class="row"&gt;
                  &lt;div class="span3"&gt;&lt;img src="http://placehold.it/200x145" alt="" class="pull-left img-polaroid"/&gt;&lt;/div&gt;
                  &lt;div class="span3"&gt;&lt;img src="http://placehold.it/200x145" alt="" class="pull-left img-polaroid"/&gt;&lt;/div&gt;
                  &lt;div class="span3"&gt;&lt;img src="http://placehold.it/200x145" alt="" class="pull-left img-polaroid"/&gt;&lt;/div&gt;
                  &lt;div class="span3"&gt;&lt;img src="http://placehold.it/200x145" alt="" class="pull-left img-polaroid"/&gt;&lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;         
  &lt;/div&gt; &lt;!-- /container --&gt;
  </code></pre>
  
  <p>Javascript </p>
  
  <pre><code>&lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"&gt;&lt;/script&gt;
  &lt;!-- Bootstrap JS: compiled and minified --&gt;
  &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
  </code></pre>