Javascript-форум - Проблема в использовании .slideUp(), .slideDown()

Здравствуйте! Сразу скажу, что jQuery, точнее JavaScript, ведь jQuery - библиотека, начал изучать не давно, как и вообщем HTML, CSS.

Суть проблемы состоит в том, что не получается правильно настроить (использовать) .slideUp() и .slideDown(). По задумке, секции (блоки) сайта должны быть как слайды и реагировать на движение колёсика мыши, то есть скроллинг. Вообщем при скроллинге вниз, секция1 должна задвинуться, а секция2 выдвинуться; при скроллинге вверху секция2 должна задвинуться, а секция1 выдвинуться. С данными двумя секциями, вроде бы, проблем нет, а вот как добавить 3 и более секций (блоков), чтобы работали также, как и первые две секции, но не мешали другу-другу? Так как, попробовав применить тот же метод, что к первым двум секциям, получается каша. В этом и состоит моя проблема и соответственно вопрос.

Если вы знаете, как сделать это без применения .slideUp() и .slideDown(), тоже напишите, пожалуйста, так как мне не принципиально и не обязательно нужно использовать именно данные эффекты.

Собственно говоря вот код: https://jsfiddle.net/0cjnrr46/24/
А это пример, как должны, примерно, ввести себя секции (блоки) на сайте, не реклама : https://wotblitz.ru:

С уважением, Bruvamasc!