Попытка создать быстрое раскрывающееся меню jQuery

не уверен, что я делаю это правильно, но я пытаюсь создать простое выпадающее меню в jQuery. Я в основном хочу, чтобы div (со ссылками) появлялся после наведения курсора на пункт меню.

Меню:

<ul id="mainlevel">
  <li><a href="#" class="mainlevel_home" ><span>Home</span></a></li>
  <li><a href="#" class="mainlevel_feature-writers" ><span>Feature Writers</span></a></li>
  <li><a href="#" class="mainlevel_fantasy-killed-my-hsc" ><span>Fantasy Killed My HSC</span></a></li>
</ul>

Скрытый раздел:

<div class="subMenu"><a href="/feature-writers/jd-ormsby" class="sublevel jd-ormsby"><span>J.D. Ormsby</span></a></div>

JQuery:

$(".mainlevel_feature-writers").hover(function(){ 
  $(".subMenu").fadeIn("slow"); 
}, function() { 
  $(".subMenu").fadeOut("slow"); 
});

Теперь это исчезает в скрытом div и хорошо исчезает, но как мне остановить его исчезновение, если кто-то наводит курсор на что-то внутри недавно показанного div?

Извините, если это действительно очевидный вопрос. Я все еще учусь! :)


menu drop-down-menu jquery fadein fadeout
person SoulieBaby    schedule 18.07.2009    source источник
comment
Меню — это не тривиальная вещь, которую нужно сделать хорошо, правильно и кроссбраузерно. Я настоятельно рекомендую вам использовать superfish() или другое меню jQuery или CSS.   -  person cletus    schedule 18.07.2009
comment
Я пытался использовать компонент Joomla superfish, но у меня возникли проблемы со стилем отдельных меню (каждый пункт меню имеет определенное изображение).. поэтому я использую joomla ext. меню, но выпадающие списки подыгрывали, поэтому я пытался написать это сам :)   -  person SoulieBaby    schedule 18.07.2009

Ответы (1)


arrow_upward
1
arrow_downward

Я думаю, вам нужно разделить обработку событий mouseover и mouseout.

Предположительно, вы хотите, чтобы обработчик mouseover был прикреплен к элементу меню «верхнего уровня», а обработчик mouseout был прикреплен к скрытому «раскрывающемуся» div (с некоторым кодом состояния для управления конфликтами).

person David-SkyMesh    schedule 18.07.2009
comment
да .. в основном единственный элемент, который будет отображать скрытый div, - это .mainlevel_feature-writers, внутри которого будет несколько ссылок, я просто хочу, чтобы затухание ждало, если курсор находится внутри скрытого div .. если это имеет смысл :) - person SoulieBaby; 18.07.2009