Показать / Скрыть элемент на jquery Fancy Box закрыть событие

Question

Я бы хотел Show() элемент, когда мой jquery FancyBox закрыт. Как я могу это сделать?

Есть ли close событие?

var urlOfferDetails = $('#OfferDetails').val();
    $.ajax({
        url: urlOfferDetails,
        type: 'POST',
        data: { 'offerID': productCode, 'providerId': providerCode },
        closeBtn: 'true',
        success: function (data) {
            $("#loading").hide();
            $.fancybox(
            {
                'href': '#offerPopup',
                'content': data,
                'hideOnOverlayClick': false,
                'hideOnContentClick': false,
                'autoScale': false,
                'overlayShow': true,
                'type': 'iframe'
            });
        },
        error: function (req, status, error) {
        },
        complete: function () {
            $("#loading").hide();
            $('.scrollup').hide();
        },
    });

Answer 1

Добавьте ключ afterClose в fancybox, как показано ниже, он будет вызываться после закрытия fancybox. См. Документы

   var urlOfferDetails = $('#OfferDetails').val();
    $.ajax({
        url: urlOfferDetails,
        type: 'POST',
        data: { 'offerID': productCode, 'providerId': providerCode },
        closeBtn: 'true',
        success: function (data) {
            $("#loading").hide();
            $.fancybox(
            {
                'href': '#offerPopup',
                'content': data,
                'hideOnOverlayClick': false,
                'hideOnContentClick': false,
                'autoScale': false,
                'overlayShow': true,
                'type': 'iframe',
                'afterClose' : function(){console.log("FancyBox Closed");}
            });
        },
        error: function (req, status, error) {
        },
        complete: function () {
            $("#loading").hide();
            $('.scrollup').hide();
        },
    });