Chain animation for different element

Chain animation for different element

Hello. I'm trying to have an effect happen after an effect for some other elements has finished.

  1. $(document).ready(function() {
  2.     $("#about_div").toggle(function() {
  3.         $(".work_divs").slideUp(600);
  4.         $(this).slideDown();
I've tried
  1. $(document).ready(function() {
  2.     $("#about_div").toggle(function() {
  3.         $(".work_divs").slideUp(600,function() {
  4.             $("#about_div").slideDown(); }   // can't use this - it refers to .works_div?
  5.          );
and a couple of variations. I increased the duration to slow it down (so I could see what's happening) but the effects occur simultaneously.

Thanks for any guidance, Andy.

Added: Actually, the slideUp seems to happen after the slideDown.