JavaScript: animate z-index of an element with element animate() method
On a web page, I have an element I would like to animate its z-index.
Upon activating the exit button, it should gradually appear once the curtain has fully risen. However, this is not currently happening
Initially, the exit button appears as expected. I then proceed to click it. Following this action, the exit button should gradually become visible once the curtain has fully risen. However, this desired effect is not being achieved.
The curtain fails to rise when the X button is clicked
There is a code snippet posted below so you can see.
Curtain is not going up after x button is clicked
It should work the same way as:
How do I have the exit button become visible after the curtain is up?
How do I have the exit button become visible after the curtain is up?