After some time, when you click on the button, the window does not appear the first time, what could it be?

Question

JavaScript

When you press the button, a window appears in which images are displayed, but sometimes it does not appear the first time, darkening occurs and is immediately canceled, and usually this happens after a while. What could it be?

$('#overlay').fadeIn(0, 
     function(){ 
          $('.ant-modal-content') 
          .css('display', 'block') 
          .animate({opacity: 1, top: '15%'}, 200); 
            //тут вывод изображений
       }

Answer 1

try to specify 300 instead of zero, maybe too fast

$("#overlay").fadeIn(300, function() {
  $(".ant-modal-content").css("display", "block").animate({ opacity: 1, top: "15%" }, 200);
  //тут вывод изображений
});

And this code should be inside document ready