Сергей Герасимов

Используйте css, вам здесь скрипты не нужны:

.quadmenu-item {
    background-color: #000;
    
    -webkit-transition: background-color 0ms linear;
    transition: background-color 0ms linear;
    -webkit-transition-delay: 5s;
    transition-delay: 5s;
}

.quadmenu-item:hover {
    background-color: #f00;

    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

Самый первый пример в документации по модальным окнам как раз для вас https://getbootstrap.com/docs/4.0/components/modal/

$('#myModal').on('shown.bs.modal', function () {
  $('#myInput').trigger('focus')
});

Вешаем обработчик на событие onsubmit формы (у вас уже имеется). В начале ставим кнопке disable и меняем текст, устанавливаем значение в техническое поле, после отправляем запрос на сервер. По завершении запроса восстанавливаем кнопку в прежнее состояние (в вашем случае у JQuery Ajax есть метод complete), скрываем форму, отображаем необходимое сообщение (методы fadein и fadeout с параметром slow)