Как дождаться завершения одной анимации jquery до начала следующей?

У меня следующий jQuery:

$("#div1").animate({ width: '160' }, 200).animate({ width: 'toggle' }, 300 );
$("#div2").animate({ width: 'toggle' }, 300).animate({ width: '150' }, 200);

Моя проблема в том, что оба события происходят одновременно. Я бы хотел, чтобы анимация div2 началась, когда закончится первая. Я пробовал описанный ниже метод, но он делает то же самое:

$("#div1").animate({ width: '160' }, 200).animate({ width: 'toggle' }, 300, ShowDiv() );
....
function ShowDiv(){
   $("#div2").animate({ width: 'toggle' }, 300).animate({ width: '150' }, 200);
}

Как заставить его ждать завершения первого?