Firing javascript function between intro.js steps

Question

I am using Intro.js for a guided tour.

I would like to fire javascript functions between some of the steps but I don't manage to. An idea would be to define different intros, and fire the javascript functions between the intros.

Is there a cleaner way to do it ?

Answer 1

I think I found a better solution, by setting a callback on step changes :

introJs().onchange(function(targetElement) {  
console.log(targetElement.id); 
    switch (targetElement.id) 
        { 
        case "step1": 
            function1();
        break; 
        case "step2": 
            function2();
        break;
        }
}).start();