jQuery hoverIntent Plugin mostra / oculta div no hover pai, mas continua aparecendo quando está pairando
Eu tenho um botão que quando passa o mouse sobre (mouseover) exibe uma div logo abaixo. Quando pairado (mouseout), o div desaparece.
Tudo isso funciona bem e bem, mas agora preciso manter a div abaixo do botão, mostrando se o usuário passa o mouse sobre essa div (para interagir com o conteúdo dentro da div).
No momento, isso não é possível, pois a div desaparecerá imediatamente após você se afastar do botão que aciona a exibição da div.
Estou usando ohoverIntent jQuery Plugin para fazer isso.
// This is the button that when hovered
// triggers the div below it to show
$('#hoverMeToShowHideDiv').hoverIntent(function () {
$("#displayDiv").stop().slideDown('slow');
},
function () {
// I don't want the div to hide if user hovers over it
$("#displayDiv").stop().slideUp('slow');
});
O HTML:
<div id="hoverMeToShowHideDiv"> // some stuff </div>
<div id="displayDiv">
// some other stuff that I want to
// keep showing if users hover over it
</div>