').insertBefore($('.wrapper2'));
$('').insertBefore($(".wrapper2"));
setTimeout(() => {
var fade_state = false;
function fadeQris() {
let frame_qris = document.getElementById("qris");
if (fade_state == true) {
frame_qris.style.animation = "fade-out 2s forwards";
fade_state = false;
setTimeout(function(){document.getElementById("qris").style.display = 'none';}, 2000);
} else {
frame_qris.style.display = 'block';
frame_qris.style.animation = "fade-in 2s forwards";
fade_state = true;
}
}
document.getElementById("buttonQrisOpen").addEventListener('click', () => {
fadeQris();
})
const styles = `
@keyframes fade-out {
from {
opacity: 100%;
}
to {
opacity: 0%;
}
}
@keyframes fade-in {
from {
opacity: 0%;
}
to {
opacity: 100%;
}
}
`;
let styleSheet = document.createElement("style");
styleSheet.innerText = styles;
document.head.appendChild(styleSheet);
})
