reifter

Инфа в доке: https://tech.yandex.ru/maps/doc/jsapi/2.0/ref/refe...
Пример из доки:

// Полёт из Калининграда во Владивосток через Москву
map.setCenter([54.704815, 20.466380], 10);
map.panTo([
    [ 55.751574, 37.573856 ],
    [ 43.134091, 131.928478 ]
], {
    callback: function () {
        alert('Прилетели!');
    }
});

Кусок кода из вашего примера сайта:

document.querySelector('#showMap_1').addEventListener('click', function() {
    myMap.setZoom( 15 );
    myMap.panTo([55.66837606904998,37.484163499999944],{flying:1});
});

Ищите по запросу "slider multiple ranges"
Первые варианты:
embed.plnkr.co/XJyMrxVgFixCKkUnwUTA/preview
blog.153.io/Elessar

Думаю поможет вам wd.dizaina.net/en/scripts/stickyfill

Как-то так:
https://jsfiddle.net/tnudce1x/1/

Как-то так:

var self = $(this);
self.find('td.status').html('<span class="fail" title="Failed"></span>');

При нажатие кнопки id=addClientButton она отправляет форму обычным способом, поэтому нужно запретить ей нативное действие.

$('#addClientButton').click(function(){
    postAddClient();
    return false;
});

Правильный тег уже подобрали, пол дела сделано :) осталось разобраться в нём.
https://api.jquery.com/jQuery.ajax/

В jquery это примерно так:

$.post( "index.php", { name: "John" } )
  .done(function( data ) {
    alert( "Ответ сервера: " + data );
});

У вас message это массив, а тут идёт обращение к объекту msg.message.pass==1, должно быть msg.message[i].pass==1

jsfiddle.net/1ut2jo6h

check: this.check.value - не правильно в этой строчке. Нужно проверять включен чекбокс или нет, а не вытаскивать значение

обновление

$(function(){
    $(document).on('submit', '[data-action="add"]', function (e) {
      e.preventDefault();
      $.ajax({
        url: this.action,
        type: this.method,
        data: {
          	name: $('#name').val(),
          	check: ($('#check').prop('checked'))?1:0
        }
      }).done(function (data) {
       	$(".stat_ok").html(data);
      $(".stat_ok").fadeIn();	
      });
    });
  });

Правильно будет сделать так

$(function(){
    $(document).on('submit', '[data-action="add"]', function (e) {
      e.preventDefault();
      $.ajax({
        url: this.action,
        type: this.method,
        data: $( this ).serialize()
      }).done(function (data) {
       	$(".stat_ok").html(data);
      $(".stat_ok").fadeIn();	
      });
    });
  });

Посмотрел примеры у плагина. Что увидел.
Уберите класс slicknav_menu у ul id="menu" он сам создаёт копию и добавляет этот класс.
И в media queries у вас есть класс .js плагин его не добавляет в нужное место, поэтому вы должны его создать сами. Пропишите в body или в html class="js" и у вас думаю проблема исчезнет.

p.s. класс js прописывают автоматом, если поддерживаются скрипты браузером

Update: а лучше просто уберите .js и все будет работать

jsfiddle.net/0bL39z2b/1

Попробуй останавливать анимацию, перед началом новой

$(window).scroll(function(){

if ($(this).scrollTop() > 1){
$(".top_panel").stop().animate({height: "60px"}, 200);
$(".logo_cont").stop().animate({lineHeight: "60px"}, 200);
$(".main_menu").stop().animate({lineHeight: "60px"}, 200);
}else{
$(".top_panel").stop().animate({height: "90px"}, 200);
$(".logo_cont").stop().animate({lineHeight: "90px"}, 200);
$(".main_menu").stop().animate({lineHeight: "90px"}, 200);
}

});

А вообще, для оптимизации нужно запускать только один раз анимацию

var flagPosition=0;
$(window).scroll(function(){

if ($(this).scrollTop() > 1){
 if(flagPosition!=1) {
   flagPosition=1;
   $(".top_panel").stop().animate({height: "60px"}, 200);
   $(".logo_cont").stop().animate({lineHeight: "60px"}, 200);
   $(".main_menu").stop().animate({lineHeight: "60px"}, 200);
 }
} else {
 if(flagPosition!=0) {
  flagPosition=0;
  $(".top_panel").stop().animate({height: "90px"}, 200);
  $(".logo_cont").stop().animate({lineHeight: "90px"}, 200);
  $(".main_menu").stop().animate({lineHeight: "90px"}, 200);
 }
}

});