I have created the diagram above. The window on the right animates in when you click on one of the segements. Each of the segments displays a different window with different content. The cross at the top closes the window by reseting the animation. This is all working fine. The bit I am stuck on is the 'learn more' link which should direct users to an external page. The elements are stacked and only the top element works. If I move another element to the top of the stack this now works. I've discoovered by doing this that the close button top right is only working because of the top stacked element. How can I get all the links to work? I have played around with making the CSS element Off at the start of the animation so it only appears when its animating but this has no effect.
To re cap:
Stacked elements
Elements within a symbol with click actions. window.open("./new-url", "_self");
I look forward to hearing your advice. I spent yesterday trying to solve this so thought it was a good time to ask.