And finally when you click again to a zone in the map (and the process of creating new element repeats) the hype element created has different id and classes from the original so my css style don’t work and since both script are working at the same time (the original and the new one) the browser starts to be so slow that sometimes it resets itself automatically.
I don’t have ideas of how can I solve this problem without having to recreate the animations I made with Hype with only css animations so if you can help me it would be wonderful.
I embed my original hype documents for both infographics and the files for my webpage where i’m trying to embed them.
The animated map: Mapa Colombia 2.0.hype.zip (140.6 KB)
The conflict embedded infographic: Mapa_Departamentos.hype.zip (110.1 KB)
My webpage: https://verdesenecio.com/Pruebas (the username: hypehelp and password: lovehype ) (The section with the map (and the problem) is called “Destinos”)