async / await jquery animate

Question

Я хочу создать цепочку анимаций Jquery и для удобства чтения я бы хотел, чтобы мой код был «вертикальным», а не «горизонтальным».

Вот что я сделал, но не работает:

async function close(id){
    return $(id).slideUp().promise();
}

async function shrink(id){
    return $(id).animate({width: '50%'}).promise();
}

[...]

function update(){
    await close("#myDiv");
    await shrink("#myDiv");
    doSomething();
}

Но я получаю сообщение об ошибке: Syntax Error: await is only valid in async functions [...]

Я знаю, что могу связывать анимации Jquery (foo().bar()) или использовать обратные вызовы этих функций, но мой вопрос на самом деле о async/await