title: Need a JQuery .hover() fixed and stop doing a loop
body: <p>Well have an issue using JQuery hover. Look this is what I want to do, I want to be able to mouseover a div and hide the background image and display a new div over it (I have the div that I want to appear as an absolute so there is no issue), I could get the div to hide but cannot get to get it back whenmouseleve, here is the code I have</p>
  
  <pre><code>$('.div_to_hide').hover(function() {
      var $this = $(this);
      $this.stop().fadeTo('slow', 0.5, function(){
          $('.div_to_appear').fadeIn('slow');
      });
  }, function(){
      var $this = $(this);
      $this.stop().fadeTo('slow', 1.0, function(){
          $('.div_to_appear').fadeOut('fast');
      });
  });
  </code></pre>
  
  <p>Hope someone can help me with this situation. It keeps making me a loop going in and out constantly :(</p>
  
  <p>Thanks apreciate your help as used to</p>