Executar comando JS somente depois de outro completo

Eu tenho o seguinte codigo JS

function ExpandirDiv(div) {
 $("#"+div).width(400);
 $("#h1_pequena"+div).hide(2000);
 $("#h1_grande"+div).show(2100);
 $("#Mais-"+div).show(2000);
 $("#Mais-"+div).css("overflow","visible");
}
function DiminuirDiv(div) {
 $("#"+div).width(239);
 $("#h1_grande"+div).hide(0);
 $("#Mais-"+div).hide(0);
 $("#h1_pequena"+div).show(1);
}

E quero que a parte $("#h1_grande"+div).show(2100); só execute depois que $("#h1_pequena"+div).hide(2000);

tenha acabado.

Alguem sabe como fazer? Se poder me ajudar serei muito grato.