Здравствуйте! Сразу скажу, что jQuery, точнее JavaScript, ведь jQuery - библиотека, начал изучать не давно, как и вообщем HTML, CSS.
Суть проблемы состоит в том, что не получается правильно настроить (использовать) .slideUp() и .slideDown(). По задумке, секции (блоки) сайта должны быть как слайды и реагировать на движение колёсика мыши, то есть скроллинг. Вообщем при скроллинге вниз, секция1 должна задвинуться, а секция2 выдвинуться; при скроллинге вверху секция2 должна задвинуться, а секция1 выдвинуться. С данными двумя секциями, вроде бы, проблем нет, а вот как добавить 3 и более секций (блоков), чтобы работали также, как и первые две секции, но не мешали другу-другу? Так как, попробовав применить тот же метод, что к первым двум секциям, получается каша.
В этом и состоит моя проблема и соответственно вопрос.
Если вы знаете, как сделать это без применения .slideUp() и .slideDown(), тоже напишите, пожалуйста, так как мне не принципиально и не обязательно нужно использовать именно данные эффекты.
Собственно говоря вот код:
https://jsfiddle.net/0cjnrr46/24/
А это пример, как должны, примерно, ввести себя секции (блоки) на сайте,
не реклама :
https://wotblitz.ru:
С уважением, Bruvamasc!