fade_vanilla_js.js

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);
			}
		})();
	}