Показать/скрыть элемент на 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 будет закрыт. Refer docs

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(); 
     }, 
    });