title: How can I change Bootstrap sidebar class active status using PlayFramework?
body: <p>I am using Play Framework 2.2.5 for Java and Bootstrap helper in my project and I want to apply active class on sidebar link click. How to change the <code>class="active"</code> on route or link change?</p>
  
  <pre><code>&lt;div class="list-group sideBarStyles" id="navbar"&gt;
    &lt;ul class="nav"&gt;  
     &lt;li&gt;&lt;a href="@routes.Reports.getReportHome()"  class="list-group-item"&gt;REPORTS&lt;/a&gt; &lt;/li&gt;
      &lt;li&gt;&lt;a href="@routes.Timesheets.showSelectPage()"  class="list-group-item"&gt;TIMESHEET&lt;/a&gt; &lt;/li&gt;
      &lt;li&gt;&lt;a href="@routes.MonthlyReports.viewUploadedReports()"  class="list-group-item"&gt;MONTHLY REPORTS&lt;/a&gt; &lt;/li&gt;
      &lt;li&gt;&lt;a href="@routes.DailyReconciliations.drViewOptions(0,"reportingBusinessDate","desc","SUBMITTED","VIEW")"  class="list-group-item"&gt;RECONCILIATION&lt;/a&gt;  &lt;/li&gt;
      &lt;li&gt;&lt;a href="@routes.InvoiceInventory.showDownloadPage()" class="list-group-item"&gt;INVOICE INVENTORY&lt;/a&gt; &lt;/li&gt;
      &lt;li&gt;&lt;a href="@routes.InvoiceInventory.showUploadPageForHeadOffice()" class="list-group-item"&gt;INVOICE UPLOAD&lt;/a&gt; &lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>