Hello, I’m Pierre-Yves graphic designer, digital publisher and Jquery beginner.

for a job, I used indesign and export with In5 ajar (software that allow to export in Hml5, css and jc) to the web.

In5 Ajar create its own html, css and Queries files, If you inspect my web page below you can see it.

I put 3 images moving from right to left.

Problem: At the beginning of the animation, images wasn’t hide.

I saw that in the file in5.config.js (file created by the export from indesign)  this function:

 function hide(dataID) { $('[data-id=' + dataID + ']').addClass('hidden'); } 

so I put  a Jquery code in a file named jquery_code.js, added my [data-id] :

1. $(document).ready(function(){
2. hide(20104);
3. hide(20112);
4. hide(20123);
5. });

At the first slide it works and I got to the second slide, and when I return to the first with the arrows, 

it doesn’t work, I think the script is not reloaded.

http://minocreation.ch/in5/index.html

To move through the slide, In5 Ajar use « li » and Jquery animation. All is in the  same html file.

so the page is just loaded once.

I have to change the Event» ? or use Ajar ?

thanks for your help, the goal i s also to progress in Jquery, and have a Jquery approach.

I put just 3 page for the test,