mUchenik

Всем спасибо.
Решил я свою задачу.
Чутка со скриптом ошибся.
Внимательно проверив, нашел и исправил ошибку.
На всякий случай, выкладываю код:

"use strict";
  //Auto adjust height
  $(".about__tabs-content-wrap").css("height", 0);
  var autoHeight = function () {
    
    setTimeout(function () {
      var tabContentWrap = $(".about__tabs-content-wrap"),
        tabHeight = $(".about__tab-nav").outerHeight(),
        formActiveHeight = $(".tab-content.active").outerHeight(),
        totalHeight = parseInt(tabHeight + formActiveHeight + 90);

      tabContentWrap.css("height", totalHeight);

      $(window).resize(function () {
        var tabContentWrap = $(".about__tabs-content-wrap"),
          tabHeight = $(".about__tab-nav").outerHeight(),
          formActiveHeight = $(".tab-content.active").outerHeight(),
          totalHeight = parseInt(tabHeight + formActiveHeight + 90);

        tabContentWrap.css("height", totalHeight);
      });
    }, 100);
  };

  autoHeight();

  // Click tab menu
  $(".tabsmenu a").on("click", function (event) {
    var $this = $(this),
      tab = $this.data("tab");

    $(".tab-content").addClass("");

    $(".tab-content").removeClass("active");

    $(".tabsmenu li").removeClass("active");

    $this.closest("li").addClass("active");

    $this
      .closest(".about__tabs")
      .find('.tab-content[data-tab-content="' + tab + '"]')
      .removeClass("test")
      .addClass("active");


    autoHeight();
    event.preventDefault();
  });

PrAw

С какого-то хрена из lab.min.js грузится еще экземпляр jQuery v1.12.4. В то время как первым загружается 1.7.2, определитесь - какой из них нужен.

Если мне память не изменяет, то 1.7.2 - эт я подключал маску ввода телефонного номера,
jQuery v1.12.4. - шел с темой
Получается, что 1,7,2 можно (если это возможно) в отложеную загрузку сунуть...

Заодно оттуда же грузится пачка jQuery плагинов, не проще их объединить в компактный сжатый файл?

Я только ЗА, но как это реализовать, не представляю...

Вот тут пытаюсь добавить код

Ни чего у меня не получилось... :(
Я уже пробовал описание как в этом уроке: https://www.youtube.com/watch?v=Ds8CX0yKbYs (вроде бы всё понятно, но не работает должным образом... Точнее вообще не работает :( Попытался разобраться с плагином: https://github.com/andr-04/inputmask-multi такая же петрушка... Видимо делаю что то не так, а что понятия не имею... По видеоуроку, я писал скрипт прям в index.html быть может вовсе не там писать надо? Или быть может в jsфайле надо что то менять.. код обработчика как то дорабатывать надо? Вот кстати и обработчик:

$(".forms").submit(function(){
		$.ajax({
			type:"POST",
			url:"mail.php",
			data:$(this).serialize()
		}
		).done(function(){
			alert("Спасибо за заявку! Специалист свяжется с вами в ближайшее время.");
		setTimeout(function(){
			$.magnificPopup.close();$(".forms").trigger("reset");
		}
		,1000);});
	return false;});

Вот так у меня реализованы инпуты:

<label><span>Ваше имя:</span>
<input type="text" name="name" required></label>

<label><span>Ваш телефон:</span>
<input type="$sitename" name="phone" required></label>

<label><span>Ваше имя:</span>
<input type="text" name="name" required></label>
<label><span>Ваш телефон:</span>
<input type="text" name="phone" required""></label>

<label><span>Ваше имя:</span>
<input type="text" name="name" required></label>
<label><span>Ваш телефон:</span>
<input type="text" name="phone" required></label>

Задавал им ID но зезультата увы не достиг :(
По видео уроку, такой код получился:

<script>
function clearVal (val, limit) {

	var clearVal = val.replase(/[^\d]+/g, '');
	if( newVal == '') {
			return false;
	}else{
			return newVal.substring(0, limit);
	}
}
function getResString (newVal) {
		var res = '';
		for(var i = 0; i < newVal.length; i++) {
				if( i == 3 ){
						res += ' ';
						res += newVal.charAt(i);
				}else if( i == 6 || i== 8) {
						res += '-';
						res += newVal.charAt(i);

				}else{
					res += newVal.charAt(i);
				}
		}

}

$(function(){
	$('#phone') .on ('input', function(){
			var val = $(this).val(),
					limit = 10;
			if( val =='' ) return;
			console.iog(val);

			var newVal = clearVal(val);
			if(!newVal) {
					${this} . val('');
					return;
			}
			var res = getResString(newVal);
			$(this).val(res);

	});


});	


</script>

Пожалуйста скажите, что сделать, что б всё заработало согласно моим хотелкам?

Вопрос решил так:
Создал почту на ЯНДЕКСе, туду письма доходят без проблем!
Может оно и не совсем правильно, но пока работает.