mirror of
https://github.com/Fluffy-Bean/image-gallery.git
synced 2025-05-14 07:32:16 +00:00
22 lines
765 B
JavaScript
22 lines
765 B
JavaScript
$(document).ready(function() {
|
|
let show = document.querySelectorAll(".flyout-display");
|
|
let hide = document.querySelector(".flyout-close");
|
|
|
|
show.forEach(function(){
|
|
document.querySelector(".flyout").style.transform= "translateX(-50%) scale(1)";
|
|
document.querySelector(".flyout").style.bottom= "-1rem";
|
|
document.querySelector(".flyout-dim").style.display= "block";
|
|
});
|
|
|
|
|
|
hide.addEventListener("click", function(){
|
|
document.querySelector(".flyout").style.transform= "translateX(-50%) scale(0.8)";
|
|
document.querySelector(".flyout").style.bottom= "-20rem";
|
|
|
|
document.querySelector(".flyout-dim").style.opacity= "0";
|
|
|
|
setTimeout(function(){
|
|
document.querySelector(".flyout-dim").style.display= "none";
|
|
}, 621);
|
|
});
|
|
});
|