Tabs - Tabbable

Bring your tabs to life with a simple plugin to toggle between content via tabs.

To make tabs tabbable, create a .tab-pane with unique ID for every tab and wrap them in .tab-content.
To make tabs fade in, add .fade to each .tab-pane.

I'm Section 1

Howdy, I'm Section 2.

Section 3

<ul class="nav nav-tabs">
    <li class="active">
      <a href="#tab1" data-toggle="tab">Section 1</a>
    </li>
    <li>
      <a href="#tab2" data-toggle="tab">Section 2</a>
    </li>
    <li>
      <a href="#tab3" data-toggle="tab">Section 3</a>
    </li>
  </ul>
  <div class="tab-content">
    <div class="tab-pane active" id="tab1">
      <p>I'm Section 1</p>
    </div>
    <div class="tab-pane" id="tab2">
      <p>Howdy, I'm Section 2.</p>
    </div>
    <div class="tab-pane" id="tab3">
      <p>Section 3</p>
    </div>
  </div>