jQuery removeClass except on current id

Question

[ Live Demo ]

I have a navigation menu that displays a certain state when hovered and also displays text in a different div.

In the event that the user does not interact with the menu, the divs auto cycle on their own and the navigation menu displays the corresponding hover state as if the user were interacting.

However, as it is cycling, if the user hovers over another link on the navigation menu, I need to removeClass on the previously highlighted element.

How do I write, "if id is not currently hovered id, then removeClass('hoverBold') on all other navigation links"

Answer 1

Look at jQuery not().

Something like...

$('.myMenu').hover(function() {
    $('.myMenu').not(this).removeClass('hoverBold');
});

Answer 2

Just add this to hoverIn:

links.removeClass('hoverBold');

You don't need to take the class off the other elements, because the current element, a:hover.sliderLinks, shares styling with hoverBold

Working example: http://www.jsfiddle.net/MXSkj/1/