Hi!
Sorry to hop in this topic but it's always easier than creating a new
one :)
My problem is that I have a dropdown list, but the child list (li >
ul) is not exactly below the parent.
So when I leave the parent to hover the child, it disappears before I
have the chance.
This is not something I can change since this menu requires
position:absolute (at least for now)
So I though I could use setTimeout ?
before hiding setTimeout so the user has the chance to go to the
dropdown menu
This is my script:
$("#community").mouseover( function() {
$(this).children("ul").css("display","block").animate({opacity:
1.0}, 2000);
}).mouseout( function() {
$(this).children("ul").animate({opacity: 1.0}, 2000).css
("display","none");
});
Note that I was trying to use animate to achieve this. Stay there 2
seconds after showing up and before hiding it.
I already tried setTimeout with no success either:
$("#community").mouseover( function() {
$(this).children("ul").css("display","block");
}).mouseout( function() {
$(this).children("ul").setTimeout(
function() {
$(this).children("ul").css("display","none");
},
1000 );css("display","none");
});
Could you point me in the right direction Michael ?
Do you think setTimeout could work?
