Unfortunately I can't send anything at the minute. Maybe you can interpret something from the html output:-
<div class="page-scale-wrap mq-none mq-default" role="region" data-layout-name="undefined" style="width:1080px;height:1920px;">
<button data-id="274" name="Button 2" onclick="go(event,[{n:1,id:236,act:'play'}]); nav.to(1,[567,1454,573,1468],'#item238');" aria-label="Button 2" id="item274" class="pageItem ">
<div class="pageItem state btn-off">
<div id="item227" alt="Rectangle" class="pageItem "> </div>
</div>
</button>
<div id="item236" data-ani="flyinfromleft-236 1s cubic-bezier(.2,.6,.35,1) 1" data-id="236" data-hidestart="1" class="pageItem hidden" alt="Rectangle"> </div>
<div id="item237" alt="Rectangle" class="pageItem "> </div>
<img src="assets/images/blank.gif" alt="sdf" class="pageItem hd" style="left:567px !important;top:1452px !important;" id="item238" data-src="assets/images/item_238.png"/>
</div>
The bit in bold is not animating. I would like it to animate when "button 2" is tapped (alongside the go event) .
Strangely if I apply the event on "page load" then it works as it should - the only problem is that I don't want it to animate already on page load before animating on tapping.