Vlad

$('.marker').on('click', function() {
   var l = $('.content-list');
   var right_margin = parseInt($('.content-list-item').css('margin-right'));
   var offset = $('.content-list-item').width() * 4 + right_margin * 4 + right_margin;
   
   var current_offset = parseInt(l.css('margin-left'));
   
   if ($(this).hasClass('enabled')) {
	  l.css('margin-left', (current_offset + offset) + 'px');
   } else {
          l.css('margin-left', current_offset - offset + 'px');
   }
});

Ну или https://jsfiddle.net/vvh4ogf7/8/

Тема вордпресса как я понял? Там в этих темах и не такого насмотришься.

$('#select_input').on('click', function() {
    $('.fa').css(...);
});

Посмотрите в сторону плагина JQ Scrollspy. Он отслеживает, что вы в данный момент смотрите на странице, когда скроллите. Ну или его аналог.

Не вытеснит. Ибо создание сайтов такими девелоперами ограничивается этими самыми лэндинг-пэйджами и парой страниц. Более менее серьезный проект от требовательного заказчика сразу поставит в тупик такого гуру. Не говоря уже про простейший JS (вида показать-скрыть блок). А если попросят авторизацию - так вообще вилы. А что касается таких одностраничников, которые из коробки кроссбраузерные и респонзивные - тут да, можно и не учить ничего. Купил фреймворк и штампуй.