title: Add css to Ajax.ActionLink
body: <p>I've got a series of <code>Ajax.ActionLink()</code> that determine what is displayed on my <code>Index</code> page. This is cool and all, but I'd like to determine which one of them is the "active" tab that was clicked by adding my css for active tabs. Here's what it looks like now:</p>
  
  <p><img src="https://i.stack.imgur.com/Uj6G2.png" alt="enter image description here"></p>
  
  <p>Here's the code that I have:</p>
  
  <pre><code>@if (SecurityHelper.CheckForSecurityRight(SecurityRight.Report_FundrasingSummaryReport)) {
      @Ajax.ActionLink("Test1", "LoadReportConfiguration", new {ReportID = 5},new AjaxOptions {InsertionMode = InsertionMode.Replace, UpdateTargetId = "ReportConfiguration"})
  }
  
  
  @if (SecurityHelper.CheckForSecurityRight(SecurityRight.Report_CampaignGivingSummary)) {
      @Ajax.ActionLink("Test12", "LoadReportConfiguration", new { ReportID = 8 }, new AjaxOptions { InsertionMode = InsertionMode.Replace, UpdateTargetId = "ReportConfiguration" })
  }
  @if (SecurityHelper.CheckForSecurityRight(SecurityRight.Report_SolicitorAction)) {
      @Ajax.ActionLink("Test13", "LoadReportConfiguration", new { ReportID = 9 }, new AjaxOptions { InsertionMode = InsertionMode.Replace, UpdateTargetId = "ReportConfiguration" })
  }
  
  @if (SecurityHelper.CheckForSecurityRight(SecurityRight.Report_PortfolioManagement)) {
      @Ajax.ActionLink("Test14", "LoadReportConfiguration", new { ReportID = 10 }, new AjaxOptions { InsertionMode = InsertionMode.Replace, UpdateTargetId = "ReportConfiguration" })
  }
  </code></pre>
  
  <p>I've tried to add <code>new {@class="active"} to the end of each</code>if`, but it showed all of them as active. How can I accomplish only one active at a time? </p>