title: jquery easing with animate
body: <ol>
  <li>i have a page that shows a div on mouseover i want the page to move to the div on focus....i got help here to do that...</li>
  </ol>
  
  <p>Now i want the onfocus to the div to move with the easing plugin and move it. i dont want to use the 'slow' in the animate e.g</p>
  
  <pre><code>$('html, body').animate({ scrollTop: $('#box0').offset().top }, 1000);
  </code></pre>
  
  <p>how can i apply easing to the above code </p>
  
  <p>Secondly  i want the div that is showing to slide out from left to right on mouseenter and slide right to left before hiding.
  this is what i am using for now. I know there is a better or best way to achieve what i am doing right now.</p>
  
  <pre><code>$("#app0").mouseenter(function () {
   $("#lSection2").show('slide').delay(3000); //container for div of four 
   $("#boxContent0").slideDown(2000);$('html, body').animate({ scrollTop: $('#app0').offset().top }, 1000);// one of the divs within #lSection2
  
  }); 
  
  $('#boxContent0').mouseleave(function() {
      $("#boxContent0").fadeOut(1000);     
      $("#lSection2").fadeOut(1000);
  });
  </code></pre>
  
  <p>Thanks for your help</p>