Клавиатура доступна при наведении

Question

Я пытаюсь сделать раскрывающийся список при наведении / фокусировке доступным с клавиатуры.Ссылка на выпадающий список получает фокус, когда я на него вкладываю, но выпадающий список не виден.Куда я иду не так?"@(tabn++)" просто возвращает целое число и увеличивает его для следующего tabindex

<li class="level-1 departments" tabindex="@(tabn++)">
      <a tabindex="@(tabn++)" href="/departments" data-toggle="dropdown" data-trigger="focus hover">Departments</a>
           <div class="level1Wrapper">
                 <ul role="menu"     >
                    @foreach (RossStores.Models.NavItem navItem in Model.NavItems)
                              {
                                  <li class="level-2">
                                      <a data-trigger="focus" class="disableUrl" tabindex="@(tabn++)">@navItem.Heading</a>
                                          <ul>
                                              @foreach (RossStores.Models.NavItem subNavItem in navItem.NavItems)
                                                    {
                                                        <li><a tabindex="@(tabn++)" role="menuitem" href="@(subNavItem.Url.TrimEnd("/"))">@Html.Raw(subNavItem.Heading)</a></li>
                                                    }
                                            </ul>
                                  </li>
                                        }
                 </ul>
            </div>