.not() not limiting elements – any help?

hello,

I am having a hard time only selecting the top level of my navigation as the trigger for the sub-nav dropdown. Seems that when you mouse over the sub navs it queues the function and then does the drop down multiple times (pending on how many li’s you’ve moused over).

Any explanation would be rad!

Here’s what I have:

[code=html] $(‘ul#menu-top-nav li’).not(“ul#menu-top-nav ul.sub-menu li”).mouseover(function() {
var theID = $(this).attr(‘id’);
$(“ul.menu li#”+theID+’ ul.sub-menu’).show(‘fast’).delay(2000).hide(‘fast’);
});[/code]

I also tried:

[code=html] $(‘ul#menu-top-nav li > ul’).mouseover(function() {
var theID = $(this).attr(‘id’);
$(“ul.menu li#”+theID+’ ul.sub-menu’).show(‘fast’).delay(2000).hide(‘fast’);
});[/code]

Here is the site, in case you want to check it out:
[url]http://cooperadr.com/[/url]

Thank you!

Also in #JavaScript _↴