Обновлять Divs каждые 5 секунд с эффектом прокрутки? ⇐ Jquery

[Гость]

У меня есть следующий код и скрипт: https://jsfiddle.net/bkoenig/2k5fcj1o/60/

Он работает нормально, каждые 5 секунд загружаются два новых элемента div, которые отображаются случайным образом. пока все хорошо.

Теперь я хочу изменить анимацию. Я хочу, чтобы элементы div, которые пользователь видит в данный момент, прокручивались/скользили вверх и исчезали, а новые элементы div прокручивались/скользили вверх снизу и останавливались.

Через 5 секунд анимация начинается снова. надеюсь, вы понимаете, о чем я?

$(document).ready(function() { вар divs = getRandomDivs(); FadeTheDivs (дивы); }); функция getRandomDivs() { return $("div.Image").get().sort(function() { return Math.round(Math.random()) - 0,5; }).slice(0, 2); } функция FadeTheDivs(divs) { $(divs).show('slide').delay(5000).hide('slide').promise().done(function() { вар divs = getRandomDivs(); FadeTheDivs (дивы); }) div.Image { дисплей: нет; ширина: 50 пикселей; высота: 50 пикселей; фон: помидор; поле: 2 пикселя; белый цвет; высота строки: 50 пикселей; выравнивание текста: по центру; 1 2 3 4 5 6 7