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

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

0 голосов
/ 18 июля 2009

я не уверен, правильно ли я это делаю, но я пытаюсь создать простое выпадающее меню в 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?

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

1 Ответ

1 голос
/ 18 июля 2009

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

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

...