выпадающее меню с ошибками

Я добавлю ссылку в комментарии к коду, с которым я сомневаюсь, чтобы облегчить трансплантацию, а не вопрос кода. ОК?

Моя проблема – выпадающее меню с jquery. Когда вы откроете jsFiddle, вы легко заметите, когда наводите курсор на первый пункт меню.

И поскольку он стоит, он убирает пункты меню, когда я пропускаю мышь, и не знаю, как вырастить подменю, не мешая меню

  • .

    Вы можете использовать:

     .sub-menu { position:absolute; } 

    Так что субменю вынимают из streamа страниц. Их верхняя и левая позиции по умолчанию равны тому, где они будут в обычном streamе страниц, но они больше не будут выталкивать страницу и не расширять свой контейнер для nav .

    После этого изменения вам нужно будет их соответствующим образом подстроить. То есть, padding родительского padding все еще толкает их вправо, когда они используют верхнюю / левую позиции по умолчанию. Вы можете дать подменю отрицательный запас или более чисто, удалить прописку из li и обернуть текст заголовка в элемент с дополнением, например:

      

     .menu_li > span, .menu_li > a { padding:0 14px; } 

    скрипка


    Кроме того, есть много готовых раскрывающихся навигационных меню, доступных там: http://www.cssreflex.com/2011/11/jquery-css-drop-down-menus.html/