Update:
This will be the default behavior in v3.6.1. MSOs will automatically reset to the first state, unless you add the following JS:
resetMSOs = false;
Hi Pete,
This can be done by attaching custom .js code using the Resources section of the in5 dialog. Try the following code:
$(function(){
$(document).on('newPage', function(e,data){
$('.page').eq(data.index).find('.mso > .state').removeClass('active').eq(0).addClass('active').trigger('newState');
});
});
Update: Pete sent me a file and I tested and corrected the above code. I noticed that the Slider (Fade in) Page format was used. With this option, the MSO is not resetting until after the page animation. In this case, the following code will work much better, by resetting the MSO before the page is visible:
sliderSettings.onSlideInit = function(event, slider){
$('.page').eq(slider.targetPage-1).find('.mso > .state').removeClass('active').eq(0).addClass('active').trigger('newState');
};
Update: This is a better (general) method that will reset the MSO on the previously viewed page, as well as trigger any nested MSO animations on the currently visible page.
$(document).on('newPage', function(e,data){
if(nav.previousPageIndex !== undefined) {
$('.page').eq(nav.previousPageIndex).find('.mso').each(function(i,el){ toFirstState(el); });
$('.page').eq(data.index).find('.mso').each(function(i,el){ toFirstState(el); });
}
});
