title: bootstrap div with tabs auto display second tab at page load
body: <p>I have a div with multiple tabs that display nested divs when you click on each tab. I need to know how I can display the second tab automatically at page load:</p>
  
  <pre><code>  &lt;div style="border: solid 1px #ddd; padding: 6px 6px; min-height: 300px;"&gt;
                  &lt;ul id="tabs" class="nav nav-tabs"&gt;
                      &lt;li&gt;&lt;a href="#general" data-toggle="tab"&gt;General Info&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#narrative" data-toggle="tab"&gt;Narrative&lt;/a&gt;&lt;/li&gt;
                       &lt;li&gt;&lt;a href="#audit" data-toggle="tab"&gt;Audit&lt;/a&gt;&lt;/li&gt;
                 &lt;/ul&gt;
                  &lt;div id="my-tab-content" class="tab-content paddingbottom20"&gt;
                      &lt;div id="general" class="tab-pane"&gt;
  
                    &lt;/div&gt;
                       &lt;div id="narrative" class="tab-pane"&gt;
  
                      &lt;/div&gt;
                      &lt;div id="audit" class="tab-pane"&gt;
  
                      &lt;/div&gt;
                 &lt;/div&gt;
              &lt;/div&gt;
  </code></pre>