附加和删除覆盖JavaScript功能

Question

我创建了两个函数来添加和删除元素的叠加层。 我想要像fadeOut和fadeIn这样的过渡，同时以特定的毫秒持续时间添加和移除覆盖。如何修改我的代码？

JavaScript

function attach_overlay(element, duration){

    var docHeight = $(document).height();
    element_z_index = $(element).css("z-index");
    $(element).wrap( "<div id='overlay'></div>" );

    $("#overlay")
    .height(docHeight)
    .css({
        'position': 'absolute',
        'top': 0,
        'left': 0,
        'background-color': 'rgba(0,0,0,0.5)',
        'width': '100%',
        'z-index': (element_z_index - 1)
    });
}

function remove_overlay(element, duration){
    $(element).unwrap()
}