Hello,
I have made some rectangular images with transparent parts and set the z-index accordingly. The images are placed with absolute setting so that the positioning makes for easier responsiveness.
In addition, I have placed an icon on top of the first two images which begins either animation. Clicking on this icon executes the animation, clicking on it back executes one to revert to the original state. However, after reverting to the original, the icon is no longer clickable, the image's transparent part seems to take precedence.
The jsfiddle is available here http://jsfiddle.net/Rijul_A/dq9jrsj0/
Help is really appreciated.
Thanks!
EDIT : Just noticed that clicking on the first icon and then reversing it works, but not on the second one, since the first image is not animated.
Clicking on the first, then reversing it, and then clicking on the second one also doesn't work.
Tested on Chrome 39.0.2171.95 (64-bit) and Firefox 34.0
