jQuery - animacje wykonywane bezpośrednio po sobie

Dziś sam siebie postawiłem przed nietrywialnym jak dla mnie problemem (po tym krótkim wstępie jasne już jest, iż wyjadacz w kwestii jQuery ze mnie żaden). Chodziło otóż o to, aby wykonać następujące po sobie animacje elementów z użyciem jQuery.

$('#div1').slideUp('slow');
$('#div2').slideDown('slow');

Powyższy kod niestety efektu takiego nie zapewni, obie animacje wykonuja się jednocześnie. Na szczęście, jak wynika z dokumentacji slideUp/Down, podobnie jak większość funkcji jQuery pozwala jako parametr przekazać metodę, wywoływana, w tym konkretnym przypadku, po zakończeniu animacji. Przykładowy kod poniżej:

$('#div1').slideUp('slow', function() {
   $('#div2').slideDown('slow');
});