Trigger event only after previous has completed

Trigger event only after previous has completed

I want to sequence a few animations of different selectors. Normally, if it's the same selector, I could just add it to the list, but they're different selectors.

So i have:

   // Slide in the main content box
   $(".main").show("slide", {}, 1000);

   // Slide down the services submenu
   $("#servicesbar").show("blind", {});


How would i trigger those in sequence?