Animación con retardo en jquery

hola
resulta que tengo este codigo en jquery

Código Javascript :

$(function(){
   $('#boton').click(
      function(){
      $('#panel').animate({left:'15px'}, 200);
      $('.elem').fadeIn('slow');}
      );
});

como podrán ver tengo un botón que al darle clic desplazara al elemento con id #panel 15px;
dentro de este div están varios elementos con la clase .elem que esta oculto con diplay: none; y que al cumplirse la función, este aparece en cuanto se desplaza #panel

lo que quisiera es que en el elemento .elem, el efecto de fadeIn se cumpla
unos segundos después, y no al mismo tiempo que cuando se desplaza el panel

como haría el retardo de tiempo en los efectos?

El método .animate() tiene un parámetro callback que se ejecuta cuando la animación finaliza.

En tu caso puedes hacer eso:

Código Javascript :

$(function(){
   $('#boton').click(
      function(){
      $('#panel').animate({left:'15px'}, 200,
         function () {
            $('.elem').fadeIn('slow');
         }
      ); // animate
   }); // clic
}); // load

gracias, estaba leyendo la docu de jquery y se puede hacer con el evento delay()
pero este también sirve
gracias

Si el delay o el call back, aquí un ejemplo muy sencillito http://elporfirio.com/wp/2012/08/mltiples-efectos-con-jquery/

y gracias ya también ocupo delay jejeje ;P