Question

Can someone please look at my code and tell me where I am going wrong?

$("div.inner").hover(function(){
    $("span.arrowL, span.arrowR").fadeIn("slow");
    if ($('div#move_next').mouseover()){
      return false; 
    } else {
      return true;
    }
  },
  function(){
    $("span.arrowL, span.arrowR").fadeOut();
  });
});

I am trying to get background images to fade in on a hover and if someone hovers over a certain area I want the arrows to stay there instead of fade out.

Answer 1

Thinking that once hovering over the arrowL or arrowR elements the hover for the overall parent container is no more and the fade out is called.