jQuery Selectors in Wordpress Navigation

JavaScript
1

Hey everyone. I am trying to find a workaround to this navigation bar problem I am having with Wordpress and jQuery. Here is the site:

http://hippo.arvixe.com/~bgmh1986/site/

So far the jQuery calls are working as planned, dimming each nav button on rollover. However, I want to NOT select the child ul’s of the nav menu. For instance, rolling over Contact displays a Child Page (still formatting of course), but it too dims once displayed. The “navwrapper” I surrounded my tags in also encapsulates this ul because it is next to the li of the parent list. After looking around, I’ve tried this bit of code:

var thumbs = $('#menu-navigation > li');

As Wordpress generates this id for the main ul in navigation. The only thing making this a bit difficult for me is that WP generates nav’s dynamically and I still need to keep this functionality. I’m sure this is just a small fix somewhere. If anyone could help that would be great. Thanks in advance!

2

Is it possible for us to take a look at a page that exhibits the problem?

3

I was actually able to achieve my result with the .not() selector in jQuery apparently. Thanks!

4

Actually, in IE this method doesn’t seem to be working properly for some reason. Does anyone know how to fix this?

http://hippo.arvixe.com/~bgmh1986/site/

Hover over the navigation and observe the behavior. Thanks for your help!

5

There doesn’t seem to be anything wrong when hovering over it. Can you please describe in fuller detail what the problem is, and which version of IE you see it in?

6

I apologize. I disabled the effect for demonstration purposes to someone and forgot to enable it again. See if it works now if you could. Thanks.

7

I still don’t see a problem. Can you please describe in fuller detail what the problem is, and which version of IE you see it in?