应该在第一次点击（可能在所有浏览器中）工作的功能仅在Safari中的第三次点击时起作用

Question

在CHROME，FIREFOX或EDGE中第一次点击时，一切正常。

如果有人可以解释为什么Safari不一样会很好。

以下是代码：

function ovelaly3(){
el = document.getElementById("overlay3");   
if (!el.style.visibility || el.style.visibility == "hidden") {
    el.style.visibility = "visible";
    el.style.animation= "matrix3d 0.5s linear running";        
    z.setAttribute("style", "color:#C200FF");
    } 
else {
      z.removeAttribute( "style" );
      setTimeout(animatereverse3, 0);
      setTimeout(close3, 500)
      }}

  function overlayclosed3() {
   setTimeout(animatereverse3, 0);
   setTimeout(close3, 500);
   }

  function animatereverse3(){
   el = document.getElementById("overlay3");
   el.style.animation= "matrix3d2 0.5s linear running backwards";
   }

  function close3(){
   el = document.getElementById("overlay3");
   el.style.visibility = "hidden";
   z.removeAttribute( "style" );
   } 

感谢您的关注：）