title: AngularJS tab content
body: <p>How should i implement this:</p>
  
  <p>4 tabs which open onclick and loads a view in to a child.</p>
  
  <p>Tried with 4 ng-view tags and hiding 3 of them but it doesn't feel right. How should I display my content in the right tab?</p>
  
  <pre><code>&lt;section id="tabs"&gt;
      &lt;div class="tab open"&gt;
          &lt;div ng-view&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="tab"&gt;
          &lt;div ng-view&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="tab"&gt;
          &lt;div ng-view&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="tab"&gt;
          &lt;div ng-view&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>