title: jQuery - slideUp start fast and end slow?
body: <p>I have a drop down menu which uses the <code>slideUp</code> feature in jQuery. I was wondering if I could remove the constant speed and start fast and end slow. I looked around and read about the <code>easing</code> method in <code>animate</code>, and I tried it, but it seems that it doesn't work for <code>slideUp</code>, only <code>animate</code> (if I am wrong please tell me); but otherwise, I cannot seem to figure it out. Any ideas? Here's my current code:</p>
  
  <pre><code>$(document).ready(function(){
      var h = "fast";
  
      $("[data-action='dropdown']").click(function(e) {
          e.stopPropagation();
      });
  
      $("body").click(function() {
          $("[data-action='dropdown'] ul ul").slideUp(h);
      });
  
      $("[data-action='dropdown'] ul li").click(function() {
          $("[data-action='dropdown'] ul ul").slideUp(h);
  
          $("ul", this).slideDown(h, function(){
              $("ul", this).slideUp(h);
          });
      });
  });
  </code></pre>
  
  <p>The HTML is a very basic dropdown structure (just a <code>ul</code> element with <code>li</code>s and then inner <code>ul</code>s nested inside. Then in css, I make it to where the inner <code>ul ul</code> is hidden with a display of none, then, of course, is toggled by jQuery). </p>
  
  <p>Any help would be very much appreciated! <code>:-)</code></p>