title: How do I slideUp with animate as a function so that code waits until both events are done
body: <p>I understand that in order for an even to happen 'after' a slideUp the following callback code can be used:</p>
  <pre><code>$('#something').slideUp('fast', function() {
     ... stuff to do after the slide is complete...
  });
  </code></pre>
  <p>I want to achieve a slideUp with an animation to perform in the same way.</p>
  <pre><code>$('#something').slideUp().animate({opacity: 0,duration: 'fast'});
  </code></pre>
  <p>How do I transpose this code into a function that waits until both the slideup and the animation are complete before performing further code?</p>