title: setTimeout in a JQuery animation
body: <p>I'm having a problem with the setTimeout(). I want, in the mouseout state, that the submenu slides Up after a interval (500 miliseconds). But the setTimeout() isn't working. </p>
  
  <p>Like in this link: <a href="http://jsfiddle.net/felipepalazzo/Xyhvn/2/" rel="nofollow">http://jsfiddle.net/felipepalazzo/Xyhvn/2/</a></p>
  
  <p>The code:</p>
  
  <pre><code>(function($){
      $.fn.showMenu = function(options){
  
          var settings = $.extend({
              height  : '40px',
              speed   : '500',
              heightx : '20px'              
          }, options || {});
  
          return this.each(function(){
             var elem = $(this);
             var menu_timer;
              elem.hover(function(){
                  $(this).stop().animate({'height' : settings.height}, settings.speed);
                      }, function(){
                        //setTimeout(function(){  
                        $(this).stop().animate({'height' : settings.heightx}, settings.speed);
                              //},500);
                      }); 
          });      
      };
  })(jQuery);
  </code></pre>