Question

here’s a gimme for anyone that knows jQuery:

I have a navigation <ul class="nav"> I want to change around. I’m basically looking for the a:hover effect, just faded in (I’m using sprites, and going from one sprite area to the next).

The code I have in my header looks like this:

$(document).ready(function(){
  $(".nav li").mouseover(function(){
    addClass('hovered');
  });
});

In my understanding of jQuery, this says “Once the document it ready, listen for a mouseover event on all .nav li elements. When you hear that, add a class “hovered” to it. So that’s what I want to have happen, but right now -nothing- is happening.

Eventually I’ll add in the animation and mouseOut, but I’d like to be able to get this part working as I want it. Thanks!

Answer 1

You have to give .addClass an element to work with.

$(this).addClass('hovered');