A tentativa de criar uma queda jQuery rápida no menu suspenso
-
18-09-2019 - |
Pergunta
estou não tenho certeza se estou fazendo a coisa certa, mas eu estou tentando criar uma simples gota abaixo menu em jQuery. Basicamente, eu quero um div (com links) para aparecer uma vez que o item de menu é pairado sobre ..
O Menu:
<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>
The Hidden Div:
<div class="subMenu"><a href="/feature-writers/jd-ormsby" class="sublevel jd-ormsby"><span>J.D. Ormsby</span></a></div>
O jQuery:
$(".mainlevel_feature-writers").hover(function(){
$(".subMenu").fadeIn("slow");
}, function() {
$(".subMenu").fadeOut("slow");
});
Agora, este desaparece na div oculta e desvanece-lo fora muito bem, mas - como faço para pará-lo de desvanecer-se se alguém paira sobre algo dentro do div recém mostrado
Desculpe se esta é uma pergunta realmente óbvio .. Eu ainda estou aprendendo! :)
Solução
Eu acho que você precisa separar a manipulação de eventos mouseover
e mouseout
.
Provavelmente, você quer o manipulador mouseover
para ser anexado ao elemento menu "nível superior", eo manipulador mouseout
para ser anexado ao div escondido "suspenso" (com algum código do estado para gerir conflitos).