How to make a popup window after submitting a form?

Question

JavaScript

$("#form1").submit(function () { 
        var th = $(this);
        $.ajax({
            type: "POST",
            url: "mail.php", //Change
            data: th.serialize()
        }).done(function () {
            // код после успешной отправки формы
        });
        return false;
    });

I need to call #tnx in fancybox , I don't understand how to do it,
this option doesn't work

$("#form1").submit(function () { 
        var th = $(this);
        $.ajax({
            type: "POST",
            url: "mail.php", //Change
            data: th.serialize()
        }).done(function () {
            // код после успешной отправки формы
$.fancybox({
        href: '#thx',
        openEffect: 'elastic',
        closeEffect: 'elastic',
        afterLoad: function() {
          setTimeout(function() {
            parent.$.fancybox.close({
              closeEffect: 'elastic'
            });
          }, 3000);
        }
      });
        });
        return false;
    });

fancybox i use 3 versions of fancyapps.com/fancybox/3

Answer 1

$.fancybox.open({
  src  : '#hidden-content',
  type : 'inline',
  opts : {
    onComplete : function() {
      console.info('done!');
    }
  }
});

Documentation

Answer 2

here it is recommended to stupidly trigger a click event on the desired element