单击按钮上的Div可见性，在功能结束时起作用

Question

我有一个<canvas id="canvas" width=400 height=200></canvas>

的div

按钮点击事件

style="display:none;"

mydiv是带有消息的div，因此用户知道按钮单击有效且服务器正在处理数据，

现在问题是test1和test2消息立即显示，但div在处理完成后显示，

我也尝试使用javascript代码版本

$('#apply_filters').on('click', function () {
  console.log("test1");
  $("#mydiv").show();
  console.log("test2");
  //Do some work that take a minut
});

并且无法正常工作