[jquery] problema con callback

[ggvvty]

ciao a tutti
provo a istanziare 2 funzioni con delle animazioni al loro interno

function ChangeDasPanel(f) {
  $('#spiegazioneTimer').fadeIn(200).delay(5000).fadeOut(200);
     $('.timer')
     .animate({width:'+=30%',height:'+=20%'},200)
     .delay(5000)
     .animate({width:'-=30%',height:'-=20%'},200);

      // now we are calling our own callback function
      if(typeof f == 'function'){
        f.call(this);
      }
}

function ChangeDasPanel2() {
  $('#spiegazioneCountdown')
    .fadeIn()
    .delay(5000)
    .hide('explode', { pieces: 9 }, 500);
      
};

dopo le voglio chiamare 1 alla volta
quindi

ChangeDasPanel(function(){
    ChangeDasPanel2()
});

il problema è che partono tutte e 2 insieme, invece dovrebbe partire prima la "prima" e dopo la seconda....
qualche aiuto?