点击子菜单项后，无法使子菜单保持打开状态

Question

很抱歉，如果这个问题重复。我搜索了各种帖子，但没有找到与我的问题有关的任何内容，因此发布了此帖子。单击子菜单项链接将重定向到新页面。我想在新的重定向页面上保持子菜单打开，这没有发生。

Jquery的新手。任何帮助表示赞赏。

我的观点：

        <div id="navmaindiv" class="navbar-collapse collapse sidebar-navbar-collapse">
            <ul class="nav navbar-nav">
            <li class="active mobile-hidden"><h2 class="text-center"><img src="~/Content/Images/ispc-logo.png" alt="logo" /></h2></li>
            @foreach (var item in Model.NavItemsList)
            {
             <li class="@(item.IsSelected ? "active" : "") dropdown" id="parentmenu" 
             onclick="window.location.href='@item.Url';">
             @if (item.ChildNavItems.Count() > 0)
                            {
                                <a class="dropdown-toggle" data-toggle="dropdown">
                                    <b>@item.Title</b>
                                    <span class="caret"></span>
                                </a>
                                <ul id="submenu" class="dropdown-menu" style="@(item.IsSelected ? "display:block !important" : "")">
                                    @foreach (var subItem in item.ChildNavItems)
                                    {
                                        <li id="submenuitem" class="@(subItem.IsSelected ? "active": "")"><a href="@subItem.Url"><b>@subItem.Title</b></a></li>
                                    }
                                </ul>
                            }
                            else
                            {
                                <a class="dropdown-btn" href="@item.Url"><b>@item.Title</b></a>
                            }
                        </li>
                    }
                </ul>

        </div>

jQuery代码：

<script type="text/javascript">
    $(document).ready(function () { 
        $('#submenu li > a').on('click', function () {            
            $(this).parent('ul').css('display', 'block !important');
            });        
    });
</script>