Getting closer! I changed from using the mouseover() and mouseout() to
hover(). That now seems to be working properly. The only issue at this
point is that it doesn't slide down on the first hover. When the page
loads and the mouse is over the <li> it just shows the list as the CSS
does. Then when the mouse goes out it will slideUp() and any
additional hovers it'll slideDown/Up. I have enclosed it in a ready()
function... Test site is updated. Thanks for any help!
$(document).ready(function()
{
$('#Main_Nav ul li').hover(
function (e) { $
(this).children('ul').slideDown('normal'); },
function (e) { $(this).children('ul').slideUp('normal'); }
);
}
);
On May 9, 11:25 am, andrea varnier <[EMAIL PROTECTED]> wrote:
> not sure but you could try something like this, to get more
> specific...
>
> $('#Main_Nav li:has(ul)').mouseover(function(e) {
> e.stopPropagation();
> $(this).children('ul').slideDown('normal');}).mouseout(function(e) {
>
> e.stopPropagation();
> $(this).children('ul').slideUp('normal');
>
> });
>
> btw you don't need the .end() method at the end ;)
