title: Slide and Fade div simultaneously
body: <p>Hello my fellow coders!</p>
  
  <p>I'm trying to use slide and fade simutaneously in jquery to make a "msg box" slide up and down, but i did not manage to make it wait (with <code>delay</code>) so the user can actually see the text in the msg box. I tried to put the <code>delay</code> call before <code>stop</code> but it doesnt work. Any ideas on how that can be done?</p>
  
  <pre><code>$('#msg_callout').stop(true, true)
                   .fadeIn({ duration: 'slow', queue: false })
                   .css('display', 'none').slideDown('slow', function () {
  
      $('#msg_callout').stop(true, true).delay(7000, function() {
          $(this).slideUp('slow').fadeOut({ duration: 'slow', queue: false });
      });
  });
  </code></pre>
  
  <p>Thanks.</p>