title: Tabs in backbone, underscore, jquery page
body: <p>I'm making a toy app, trying to learn about these libraries and was hoping to understand how I would present a "tab" interface.  I'd like to have a few buttons (or links, whatever is most common) on top.  When one selected, it looks selected and the main content on the page changes to present what's on that tab.</p>
  
  <p>My learning app is very simple at the moment:</p>
  
  <pre><code>&lt;body&gt;
      &lt;div class="content"&gt;&lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>And a backbone view:</p>
  
  <pre><code>var ContentView = Backbone.View.extend({
      el: $('.content'),
      // ..
  </code></pre>
  
  <p>So far, I've looked into using &lt;% tag in the html to make a partial, making the ContentView somehow responsible for rendering different stuff in there.  The other idea I've had but don't quite know how to pursue is several Backbone views taking turns being in charge of changing the one div.</p>
  
  <p>Would sure appreciate some advice about the canonical approach here, including how to present the tabs buttons and how to cleanly separate view logic for the different tabs.</p>