I have a Modal Popup on my Page. Usually, when a Modal pops up the entire background is blurred but I have a scroll button that shows up on the Modal Popup. I used fadeOut() on it when the action completes so it doesn't appear on the Dialog box. Now what I want to do is, to find out if this popup was closed so I can show that button again using fadeIn(). Is there a way I can know when My Modal Dialog closes so I can show the scroll button again?

Here is how I faded it out:

function CallOfferRenderAction(productCode, providerCode) { $("#loading").show(); // TO OPEN OFFER DETAILS 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').fadeOut(); } }); }