Раскрывающийся список не переключается при первом наведении, которое динамически устанавливается в меню asp. net

Question

У меня есть меню в Sitemaster со следующей опорой

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

, в которую записаны стили внутри Меню. js вот так

 $(".dropdown-menu").parent().removeClass().addClass('dropdown');      
    $(".dropdown > a").removeClass().addClass('dropdown-toggle')
.append('<b class="caret"></b>').attr('data-toggle', 'dropdown'); 
    //remove default click redirect effect           
    $('.dropdown-toggle').attr('onclick', '').off('click');

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