Highlight link from current page

Question

I am implementing a menu in the header of my page. As the user clicks on the buttons in this menu, the page is rendered just below. I would like to highlight in the menu the button referring to the current user page.

I’m calling it that:

<li>
    <a href="@Url.Action("Index", new { controller = "Informativo" })" title="Informativo"> Inf. </a>
</li> 

Answer 1

In a system I did here, I used the @section Scripts to set a small action to add a class active in a given item, which highlights the item.

@section scripts {
    <script type="text/javascript">
        $(document).ready(function () {
            $("#item-qualquer").toggleClass("active");
        });
    </script>
}

This can be done programmatically, replacing the #item-qualquer by identifying Action and Controller, for example:

@section scripts {
    <script type="text/javascript">
        $(document).ready(function () {
            $("#" + @ViewContext.RouteData.Values["action"]).toggleClass("active");
        });
    </script>
}