Александр Леонович

Попробуйте сменить порядок исполнения кода - сначала валидация, затем отправка, затем done-колбек.

$("form").submit(function(ev) {
    var $form = $(this);
    // Prevent the form from actually submitting
    ev.preventDefault();
        
    var ref = $form.find("[required]");

    $(ref).each(function(){
        if ( $(this).val() == '' ) {   
            $('.success-message').hide();
            $('.error-message').fadeIn();
           
            $(this).focus();
        }  else {
            $('.error-message').hide();      

            // Get the post data
            var data = $form.serialize();
    
            // Send it to the server
            $.post('/', data, function(response) {
                $('.success-message').fadeIn().delay(2000).fadeOut();
            });
        } 

    });  
});

Используйте $.getScript https://api.jquery.com/jquery.getscript/

$.getScript('http://another-site.com/widjet.js', function() {
    $("#some-widjet").html("Новый текст");
});

Еще можете сделать вот так:

var el = document.createElement('script');

el.src = 'http://another-site.com/widjet.js';
el.onload = function() {
    // Ваша логика, например
    $("#some-widjet").html("Новый текст");
}

document.body.appendChild(el);

Такой контейнер точно существует? Попробуйте так:

$(document).ready(function() {
    $('.cont').click(function() {
        $(".cont").toggleClass('rotate-m');
        $(".menu-link").toggleClass('close');
        $(".menu").toggleClass('rigth-m');
    });
});

Вам нужно сверствать блок, у которого z-index будет больше основного контента, растянуть его на весь экран и задать display: none. Потом добавьте обработчик на клик по портфолио и ставьте display: block. Должно получиться