https://jsfiddle.net/e9ygtnz2/2/
Четыре кнопки фильтра. С простым эффектом:
.fadeOut( 1000 )
.delay(1000).fadeIn( 1000 )
Чтобы блоки не "анимировались" одновременно добавил задержку. Эффект длится 2000 мс
1. кликаем элемент исчез, задержка — по 1000мс
2. элемент появляется 1000мс
Но при переключении с кнопки 'All' на другую кнопку задержка начинает выполнятся поочередно, то есть:
1. кликаем элемент исчез за 1000мс,
2. задержка 1000мс,
3. появляются новые 1000мс.
итого 3000мс взамен 2000мс которые ожидаются и неприятный эффектт в виде пустого контейнера.
Также при клике на уже выбранную кнопку происходит тот же эффект.
Как можно исправить данный эффект?