Untitled

<script type="text/javascript">
        $(function () {
            $('.submenu').each(function () {
                if ($(this).find("ul").length > 0) {
                    //show subnav on hover
                    $(this).mouseenter(function () {
                        if ($('#navBarCollapseButton').css('display') == 'none')
                        { $(this).find("ul").stop(true, true).slideDown(); }
                    });
                    //hide submenus on exit
                    $(this).mouseleave(function () {
                        if ($('#navBarCollapseButton').css('display') == 'none')
                        { $(this).find("ul").stop(true, true).slideUp(); }
                    });

                };
            });
        });
</script>

<body>
<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
        <div class="navbar-header" id="navBarHeader">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" id="navBarCollapseButton">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>
        <div class="navbar-collapse collapse" id="navBar">
            <ul class="nav navbar-nav">
                <li class="menu-item">@Html.ActionLink("Home", "Index", "Home")</li>
                <li class="submenu">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Main1</a>
                    <ul class="dropdown-menu" role="menu">
                        <li>@Html.ActionLink("Item1", "About", "Home")</li>
                        <li>@Html.ActionLink("Item2", "About", "Home")</li>
                    </ul>
                </li>
                <li class="submenu">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Main2</a>
                    <ul class="dropdown-menu" role="menu">
                        <li class="submenu">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">SubMain1</a>
                            <ul  role="menu">
                                <li>@Html.ActionLink("Item3", "Contact", "Home")</li>
                                <li>@Html.ActionLink("Item4", "Contact", "Home")</li>
                            </ul>
                        </li>
                        <li>@Html.ActionLink("SubMain2", "Index", "Home")</li>
                    </ul>
                </li>
                <li></li>
            </ul>
        </div>
    </div>
</div>
<div class="container body-content">
    @RenderBody()
    <hr />
    <footer>
        <p>&copy; @DateTime.Now.Year - My ASP.NET Application</p>
        @Html.ActionLink("Home","Index", "Home")
    </footer>
</div>
@RenderSection("scripts", required: false)