Fixing Bugs

/*on function "retrieveScale(btn)", when you will put a value on var "scale" you call:
    scale = scaleValue(top, left, btnRadius, $(window).width(), $(window).height());
but on function "scaleValue()" you put theses args:
    scaleValue( topValue, leftValue, radiusValue, windowH, windowW)

notice that the last two args are "windoW" (Window Width) and "WindowH" (Window Height)... So that's a mistake, right? this must be
    scale = scaleValue(top, left, btnRadius, $(window).width(), $(window).height());

other problem is that "close" button with a null target (#0). Solved it, just copy the code below to your morphing_modal_constructor
*/
//Advanced Morphing Modal
$(document).ready(function() {
    $('[data-type="modal-trigger"]').click(function(){
        var actionBtn = $(this),
            URL = actionBtn.attr('data-url');
        $.ajax({
            type: "POST",
            url: URL,
            dataType: "text",
            success: function(response) {
                morphingModal(actionBtn, response);
            }
        });
    });
    $(document).keyup(function(event){
        if($('.modal-is-visible').length > 0 && event.which=='27') closeModal();
    });

    $(window).on('resize', function(){
        //on window resize - update cover layer dimention and position
        if($('.modal-is-visible').length > 0) window.requestAnimationFrame(updateLayer);
    });
});

function createComponents() {
    var section = $("<section/>");
    section.attr({
        class: "cd-section",
        id: "mm_point"
    });
    var modal = $("<div/>");
    modal.attr({
        class: 'cd-modal'
    });
    var content = $("<div/>");
    content.attr({
        class: 'cd-modal-content',
        id: 'mm_content'
    });
    modal.append(content);
    var closeBtn = $('<a/>').attr({
        class: 'cd-modal-close',
        id: "mm_close",
        style: "pointer: cursor"
    }).html('Fechar').click(function(){
        closeModal();
    });
    section.append(modal).append(closeBtn);
    $('body').append(section);
}

function removeComponents() {
    $('#mm_point').remove();
}

function morphingModal(actionBtn, content) {
    if($("#mm_content").length == 0) createComponents();
    $('#mm_content').html(content);
    openModal(actionBtn);
}

function retrieveScale(btn) {
    var btnRadius = btn.width()/2,
        left = btn.offset().left + btnRadius,
        top = btn.offset().top + btnRadius - $(window).scrollTop(),
        scale = scaleValue(top, left, btnRadius, $(window).width(), $(window).height());

    btn.css('position', 'fixed').velocity({
        top: top - btnRadius,
        left: left - btnRadius,
        translateX: 0,
    }, 0);

    return scale;
}

function scaleValue( topValue, leftValue, radiusValue, windowW, windowH) {
    var maxDistHor = ( leftValue > windowW/2) ? leftValue : (windowW - leftValue),
        maxDistVert = ( topValue > windowH/2) ? topValue : (windowH - topValue);
    return Math.ceil(Math.sqrt( Math.pow(maxDistHor, 2) + Math.pow(maxDistVert, 2) )/radiusValue);
}

function animateLayer(layer, scaleVal, bool, id) {
    layer.velocity({ scale: scaleVal }, 400, function(){
        $('body').toggleClass('overflow-hidden', bool);
        if(bool) {
            $("#mm_point").addClass('modal-is-visible');
        } else {
            layer.removeClass('is-visible').removeAttr('style');
            $('.to-circle[data-type="modal-trigger"]').removeClass('to-circle');
        }
    });
}

function updateLayer() {
    var layer = $('.cd-modal-bg'),
        layerRadius = layer.width()/2,
        layerTop = layer.siblings('.btn').offset().top + layerRadius - $(window).scrollTop(),
        layerLeft = layer.siblings('.btn').offset().left + layerRadius,
        scale = scaleValue(layerTop, layerLeft, layerRadius,$(window).width(), $(window).height());

    layer.velocity({
        top: layerTop - layerRadius,
        left: layerLeft - layerRadius,
        scale: scale,
    }, 0);
}

function openModal(actionBtn) {
    var bg = $('.cd-modal-bg');
    actionBtn.addClass('to-circle');
    bg.css("top", actionBtn.offset().top + "px").css("left", actionBtn.offset().left + (actionBtn.width()/2) + "px");
    var scaleValue = retrieveScale(bg);
    $('.cd-modal-bg').addClass('is-visible').one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function(){
        animateLayer($('.cd-modal-bg'), scaleValue, true);
        $(this).off();
    });

    //if browser doesn't support transitions...
    if($('.no-csstransitions').length > 0 ) animateLayer($('.cd-modal-bg'), scaleValue, true);
}

function closeModal() {
    var section = $('.cd-section.modal-is-visible');
    section.removeClass('modal-is-visible').one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function(){
        animateLayer($('.cd-modal-bg.is-visible'), 1, false);
        $(this).off();
    });
    //if browser doesn't support transitions...
    if($('.no-csstransitions').length > 0 ) animateLayer($('.cd-modal-bg.is-visible'), 1, false);
    window.setTimeout(function() { removeComponents() }, 400);
}