You mean the element is moved offscreen, and has display: none; applied? And now you want to move it onscreen.
Do it entirely css. if you use a have a keyframe animation applied and remove display:none on clicking. The animation will fire immediately. Unlike trying to transition it without using keyframes.
Do it entirely css. if you use a have a keyframe animation applied and remove display:none on clicking. The animation will fire immediately. Unlike trying to transition it without using keyframes.
example: https://jsfiddle.net/mr029o7h/ (sorry if its a bit messy haven't done this for a while)