Each scene has it’s own unique Timelines.
It may be worth you doing the “hide” in javascript instead of using timelines.
You most likely would need to use class names for the elements which give you scope to keep the code short.
Quick example. This also using an exention in the head file which helps select the element with the same class name on the current scene.
Each element on the scenes have the same corrosponding names, and the JS uses the extension to get the current scene element and only interact with the correct elements on that scene instead of all the elements in the document.
var sceneInfo = hypeDocument.sceneInfo()
var currentSceneElement = sceneInfo.sceneElement;
var el1 = currentSceneElement.querySelector('.el1') ;
var el2 = currentSceneElement.querySelector('.el2') ;
if (element.id == "b1"){
hypeDocument.setElementProperty(el1, 'opacity', 1, 1.0, 'easeinout')
return;
}
if (element.id == "b2"){
hypeDocument.setElementProperty(el2, 'opacity', 1, 1.0, 'easeinout')
return;
}
The button are a persistant symbol across all scenes. And we can use the id of each button…
ShowOnScenes.hype.zip (22.8 KB)
If you post and example of your setup and JS , we may be able to help you better.