title: Why is my jQuery script producing a double fadeIn?
body: <p>I'm trying to use .fadeIn() to make my navigational hover effects look a little more smooth on the transition. Except I'm getting what I can only describe as a double fade (in and out and back in again). </p>
  
  <p>I'm brand new to JS and the jQuery API so any help appreciated. I'm an old pro with CSS, so I still think in those terms. On this one I'm adding a class to switch the background sprite bg-position down. Is the problem with my jQuery, my CSS or both?</p>
  
  <p><a href="http://tuscaroratackle.com" rel="nofollow noreferrer">http://tuscaroratackle.com</a> is the instance in question - the nav links.</p>