выпадающий список выпадает только после второго или третьего раза наведения мышью

у меня есть меню на .нете и к нему подтягивается дропдаун меню, который потом испытывает несколько изменений в Menu.js я не знаю как исправить задержу или понять отчего выпадающий список появляется не сразу при наведении код менюшки site.master

<asp:Menu ID="Menu2" runat="server" CssClass="" DataSourceID="SiteMapDataSource1"
                        StaticHoverStyle-CssClass="nav active"
                        StaticMenuItemStyle-CssClass="nav"
                        StaticMenuStyle-CssClass="nav navbar-nav"
                        StaticSelectedStyle-CssClass="active"
                        DynamicMenuStyle-CssClass="dropdown-menu" OnMenuItemDataBound="Menu2_MenuItemDataBound" 
                        EnableViewState="False" IncludeStyleBlock="False"
                        MaximumDynamicDisplayLevels="0" Orientation="Horizontal" StaticDisplayLevels="1">
                    </asp:Menu>

Menu.js

 //for dropdown menu
        $(".dropdown-menu").parent().removeClass().addClass('dropdown');
        //$(".dynamic").removeClass().addClass('dropdown');
        $(".dropdown > a").removeClass().addClass('dropdown-toggle').append('<b class="caret"></b>').attr('data-toggle', 'dropdown');
        //.append('<b class="caret"></b>')

        //remove default click redirect effect           
        $('.dropdown-toggle').attr('onclick', '').off('click');