Виктор Янышев

Нужно не плодить один и тот же код для каждой модалки. Напишите ваш код так:
1. Вещание на все элементы с классом Х событие клик
2. Событие клик вызывает функцию открытия нужной модалки. Нужную модалку можно определить в пункте 1.
3. На элементах предназначенных для закрытия модалки надо повесить событие вызывающего функцию закрытия текущий модалки. Какую модалку закрыть можно узнать в момент всплытия события для закрытия

transition: opacity ease .5s;

На бэкенде распарить xml, найти нужное и вернуть фронту.

Читайте о баблинге (всплытие события)

JS + CSS: позиционирование

Если нажать на стрелку в право то у текущего элемента убрать класс активности, установить класс активности следующему/предыдущему.
На каждом клике next проверяем не превышается ли длинна коллекции, если привышена то ставим активный класс на первый элемент коллекции. Если значение приходит infiniti (-1) для проверки длинны коллекции то ставим активный класс на последний элемент.

$("#searchForm").submit(function (event) {
       submitForm();
   });

Читаем так, когда срабатывает отправка формы (которая и перезагружает страницу) вызвать функцию, отправки ajax.
А нужно чтобы читалось так, при нажатии кнопки с отменённым стандартным поведением (https://developer.mozilla.org/ru/docs/Web/API/Even... отправляются данные аяксом на сервер не перезагружая страницу и выводя полученный ответ от сервера.

path=one.domen.com

По мне так намёк тут https://www.w3schools.com/cSS/css_tooltip.asp в том что:

.tooltip:hover .tooltiptext {
....
}

Но не обязательно, можно и:

.tooltip:hover + .tooltiptext {
....
}

Ещё вариант https://www.w3schools.com/cSS/tryit.asp?filename=t... всё дело в position:relative кнопки и position:absolut`е от кнопки и использования display, overflow, opacity

var p1 = 50;
var p2 = 35;
 $("#id").css({ "background-size" :  p1 + '% ' + p2 +'%' });

jquery.page2page.ru/index.php5/%D0%A0%D0%B0%D0%B1%...

Всплытие событий, вешаешь клик на родителя и ждёшь нужный элемент

Первый запускает второй, а не сначала первый следом второй, асинхронно и разве константы перезаписывается?

Главное палец к экрану не прикладывать, для ноутов я виждел сканеры пальцев, у смартов, но я не видел сканер как внешнее устройство. Конечно такое возможно реализовать, но явно будут самые важные аспекты с защитой этого отпечатка при передачи его на поверку (на клиенты и на сервере).

// JQ
$(this).data('model');
$(this).text();

// JS
this.dataset.model;
this.innerText;

Скорей всего на каждую проверку sumbitHandler

Попробуй так

$(slides).each(function(idx, elem) {
  if($(elem).hasClass('slide__current')) {
    curretSlide = $(elem);
    index = idx;
  }
})

$.ajax({
....,
 success: function() {
  $('#catalog').modal('show');
 }
})