title: jquery fadein stop
body: <p>i have following script </p>
  
  <pre><code> &lt;script&gt;
    $(document).ready(function(){
     $("div.mover").hover(function () {
    $("div.hide1").fadeTo("slow", 0.33);
  
    $("div.hide1").fadeTo("slow", 1);
  
  },function(){
    $("div.hide1").stop();
  });
    });
   &lt;/script&gt;
  
   and html page is
  
  &lt;table width="100%" border="0" cellspacing="0" cellpadding="0"&gt;
   &lt;tr&gt;
  &lt;td&gt;&lt;div class="mover"&gt;&lt;IMG SRC="images/buttons_full_01.png" &gt;&lt;/div&gt;&lt;/td&gt;
   &lt;/tr&gt;
   &lt;tr&gt;
  &lt;td&gt;&lt;div class="mover"&gt;&lt;IMG SRC="images/buttons_full_02.png"&gt;&lt;/div&gt;&lt;/td&gt;
   &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td&gt;&lt;div class="mover"&gt;&lt;IMG SRC="images/buttons_full_03.png"&gt;&lt;/div&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>my function is to fade the background on mouse over of button</p>
  
  <p>but the problem if i hover mouse over all buttons and after mouse left the buttons
  animation keep continue till it complete its all transactions.</p>
  
  <p>what i want is: as mouse left the buttons animation come to 
            $("div.hide1").fadeTo("slow", 1);
  and stop</p>