Как выполнить сallback один раз после скрытия нескольких элементов?

Question

[tarthur]

Есть такой код: https://codepen.io/anon/pen/VQwyoO
Дело в том, что скрывая все эти элементы, для каждого запускается один и тот же колбэк. Например, 100 элементов - 100 колбэков, зачем? Мне не нужно вызывать 100 одинаковых колбэков (да и код в других скриптах неверно отрабатывает). Нужно выполнить одну функцию после того, как все элементы будут скрыты.
Что для этого предоставляет jquery?

Answer 1

[0xD34F]

$.when($('.item').fadeOut(300)).then(func);

или

$('.item').fadeOut(300).promise().then(func);