MVC动态菜单

Question

这是我的共享布局，我有这个菜单布局，但IO希望它是一个带有滚动效果的动态菜单，当我将鼠标悬停在菜单上时，它会向外滚动并显示与该顶部菜单对应的菜单条目。 / p>

<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>