title: Set navigation menu item active in Handlebars partial
body: <p>Currently, I am repeating code for my navigation menu on every single tab, but I want to use partials so there's no duplicate code.</p>
  
  <p>This is what I am using (below), with the <code>active</code> class on a different list element depending on the file. Instead, I'd like to use a partial <code>{{&gt; fruits-nav}}</code>, but I can't find any information on how I would set the <code>active</code> class depending on which file is including the partial.</p>
  
  <pre><code>&lt;div id="table-nav-tabs"&gt;
      &lt;ul class="nav nav-tabs"&gt;
          &lt;li class="apple"&gt;&lt;a href="{{id}}"&gt;apple&lt;/a&gt;&lt;/li&gt;
          &lt;li class="active orange"&gt;&lt;a href="{{id}}"&gt;orange&lt;/a&gt;&lt;/li&gt;
          &lt;li class="mango"&gt;&lt;a href="{{id}}"&gt;mango&lt;/a&gt;&lt;/li&gt;
          &lt;li class="pineapple"&gt;&lt;a href="{{id}}"&gt;pineapple&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>