MVC dynamic menu

Question

This is my Shared Layout where I have this menu layout but IO want it to be an Dynamic menu with scrolling effect when I hover over an menu it wil scroll out and show the menu entries that are correspondig with that top menu.

<div>
    <div id="LHS">
        <div id="leftNavBox">
            <div class="leftNavBoxTop">
            </div>
            <div class="leftNavBoxCenter">
                @if (Model.MainMenu.ShowMaintenanceMenu)
                {
                <div class="mainmenu">
                    <ul>
                        <li><a title="Maintenance" class="mainmenulinks_Sublinks" href="#">Maintenance</a></li>
                    </ul>
                    <div id="ViewSubMenu1">
                        <div class="submenu">
                            <ul>
                                <li>
                                    @Html.ActionLink("Business Partners", "Index", "BP")
                                </li>
                            </ul>
                        </div>
                        <div class="submenu">
                            <ul>
                                <li>
                                    @Html.ActionLink("Services", "Index", "Service")
                                </li>
                            </ul>
                        </div>
                        <div class="submenu">
                            <ul>
                                <li>
                                    @Html.ActionLink("Tariffs", "Index", "Tariff")
                                </li>
                            </ul>
                        </div>
                        <div class="submenu">
                            <ul>
                                <li>
                                    @Html.ActionLink("Users", "Index", "User")
                                </li>
                            </ul>
                        </div>
                        <div class="submenu">
                            <ul>
                                <li>
                                    @Html.ActionLink("Monthly Reports", "Index", "MonthlyReportFile")
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                }
                <div class="LHS_Spacer">
                </div>
                @if (Model.MainMenu.ShowMaintenanceMenu)
                {
                    <div class="mainmenu">
                        <ul>
                            <li><a title="Analyses and Reports" class="mainmenulinks_Sublinks" href="#">Analyses and Reports</a></li>
                        </ul>
                        <div id="ViewSubMenu1">
                            <div class="submenu">
                                <ul>
                                    <li>
                                        @Html.ActionLink("Finance Report", "Index", "FinanceReport")
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                }
            </div>
            <div class="leftNavBoxBottom">
            </div>
        </div>
    </div>
    <div id="contentArea">
        @RenderBody()
    </div>