Andrew

эм?

$('ul.left li, ul.right li').on('click', function () {
    var sel = $('ul.left li, ul.right li');
    sel.hide();
    $(this).show();
  });

Если тебе не просто спрятать надо, то делаешь то, что нужно для всех и потом выделяешь конкретный. this тут именно для того чтобы понимать на какой ты кликнул(из всего массива li'шек)
Например, вместо .hide() и .show() дай им этот же класс active и ему задай стили, и тут будет кодаа меньше и в css просто стили(он именно для этого)

$('ul.left li, ul.right li').on('click', function () {
    var sel = $('ul.left li, ul.right li');
    sel.removeClass('active');
    $(this).addClass('active');
  });

.active {
opacity: 1;
}
ul.left li, ul.right li {
opacity: 0.2;
}

дай им один класс?
Или если ты все хочешь картинки

var imgs = document.getElementsByTagName("img");
var src;
imgs.forEach(function(element) {
src = element.src;
  console.log(src);
});

Стоп. В какой папке?

Можешь дать им всем один класс и при клике, говорить чтобы все остановились и началось воспроизведение this'a.
А, там Pure.
Тогда each'ом найди все элементы и при клике - выключай все и потом уже ищи нужный, в который заходишь-кликаешь.

Читайте про if'ы больше, чтобы не возникало таких вопросов.
Если присваивание(приравнивание) переменных вверху:
У вас они в любой момент скролла равны по-дефолту, захода в if нет.
Как я понял, вы хотите чтобы при скролле вверх, на каждом проскролле, выводилось "вверх" и вниз - "вниз"?
Вам для этого надо сохранять предыдущую позицию и с ней сравнивать(изначально она должна быть в нуле).

var tempScrollTop=0,
 currentScrollTop;
$(window).scroll(function(){
    currentScrollTop = $(window).scrollTop();
    if (tempScrollTop < currentScrollTop ){
        alert("Вниз");
    }
    else if (tempScrollTop > currentScrollTop ) {
        alert("Вверх");
    }
     tempScrollTop = currentScrollTop;
});

Запятую не пробовал в конец строки поставить?

cvcCode: {
        required: "Введите номер из 3-x цифр",
        digits: "В данное поле вводятся только цифры"
      }

Клац
гуглить можно "ajax live search"

Высота блока увеличивается, соответственно и прыгает? (поставь фиксированную высоту для каждого контейнера)
Лучшеб сразу код скидывал.

position: relative;
Элемент зависит от положения предыдущего блока, т.е. предыдущий элемент увеличивает высоту - текущий элемент смещается. Как вариант, поставь height предыдущему элементу (.b-page__line).

Логотип в фоновой картинке? Если да, то вырежи с фона и закинь в отдельный файл и вставь как первый элемент меню
<a href="#"><img src="твой_логотип.png"></a>
В стилях выставь ему свои пропорции и будет счастье.

Ты хочешь чтобы оно скролилось к табе? или просто меняло их, при нажатии? или...? у меня они меняются.