title: Adding a fade across transition to addClass for background image using jQuery
body: <p>I am using jQuery to add and remove a class to/from my nav links which changes the background image.  You can see this in action on <a href="http://nickputman.com/test/" rel="nofollow">this page</a>.</p>
  
  <p>I would like, if possible, to add a fade transition between the images, ideally without one fading out completely and the other fading in (so presumably fading one image over the other so that it obscures the image completely).</p>
  
  <p>I am not sure how to do this with jQuery though, and would be grateful for any advice.  Here is an example of a click function as it currently looks:</p>
  
  <pre><code>$("nav").delegate("a.fade", "click", function ()
      {
          window.location.hash = $(this).attr("href");
          $("#panel").slideUp("slow");
          $(this).addClass("current");
          $("#contact").removeClass("current");
          return false;
      });
  </code></pre>
  
  <p>Thanks,</p>
  
  <p>Nick</p>