title: jQuery Easing with slideUp Easing Function
body: <p>I just read this <a href="https://stackoverflow.com/questions/4427843/jquery-easing-problem">question and answer from StackExchange</a>, but the solution does not work for me.</p>
  
  <p>This does not work:</p>
  
  <pre><code> $("#top_slide").slideUp(5000, "easeInOutQuart");
  </code></pre>
  
  <p>But this does work:</p>
  
  <pre><code>$("#top_container").animate({height: headerHeight}, 5000, "easeInOutQuart");
  </code></pre>
  
  <p>And I am using jQuery-1.10.2.js, the most recent one.</p>
  
  <p>Any thoughts?</p>
  
  <p>//</p>
  
  <p>I added the easing plug-ins like this, and it works in the jsfiddle:</p>
  
  <pre><code>&lt;script src="js/jquery-1.10.2.js"&gt;&lt;/script&gt;
  &lt;script src="js/jquery.easing.1.3.js"&gt;&lt;/script&gt;
  &lt;script src="js/jquery.easing.compatibility.js"&gt;&lt;/script&gt;
  &lt;script src="js/jquery.easing.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>And the script code is like this:</p>
  
  <pre><code> $("#top_slide").slideUp({ duration: 5000, easing: "easeInOutQuart" });
  </code></pre>
  
  <p>And I still get this error:</p>
  
  <pre><code>Uncaught TypeError: Object #&lt;Object&gt; has no method 'easeInOutQuart'
  rr.run jquery.js:9216
  l jquery.js:8914
  x.fx.timer jquery.js:9511
  er jquery.js:8981
  a jquery.js:9305
  x.extend.dequeue jquery.js:3948
  (anonymous function) jquery.js:3991
  x.extend.each jquery.js:657
  x.fn.x.each jquery.js:266
  x.fn.extend.queue jquery.js:3984
  x.fn.extend.animate jquery.js:9316
  x.fn.(anonymous function) jquery.js:9442
  (anonymous function) playingWithjQuery.php:38
  c jquery.js:3048
  p.fireWith jquery.js:3160
  x.extend.ready jquery.js:433
  q 
  </code></pre>
  
  <p>Thanks in advance!</p>
  
  <p>//</p>
  
  <p>I changed it to just a single div, here is my html and here is the <a href="http://flic.kr/p/hjeNL8" rel="nofollow noreferrer">error page</a>:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;head&gt;
  
      &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"/&gt;
  
      &lt;script src="js/jquery-1.10.2.js"&gt;&lt;/script&gt;
      &lt;script src="js/jquery.easing.1.3.js"&gt;&lt;/script&gt;
      &lt;script src="js/jquery.easing.compatibility.js"&gt;&lt;/script&gt;
      &lt;script src="js/jquery.easing.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;script&gt;
          $(function() {
              $("div").slideUp(5000, "easeInOutQuart");
  
          });
  
  
      &lt;/script&gt;
  
      &lt;div style="height: 300px; width: 300px; background: green;"&gt;&lt;/div&gt; 
  &lt;/body&gt;
  </code></pre>
  
  <p>**<b>Also I am using a localhost server instead of actually being online, would that affect the plugins even though I have the source files on my local server?</b></p>