function fadeOut(el){ el.style.opacity = 1; (function fade() { el.style.opacity -= 0.1; if (el.style.opacity < 0) { el.style.display = "none"; el.classList.add('tago-playerbox-hide'); } else { requestAnimationFrame(fade); } })(); } function fadeIn(el, display){ if (el.classList.contains('tago-playerbox-hide')){ el.classList.remove('tago-playerbox-hide'); } el.style.opacity = 0; el.style.display = display || "block"; (function fade() { var val = parseFloat(el.style.opacity); if (((val += 0.2) < 1)) { el.style.opacity = val; requestAnimationFrame(fade); } })(); }